css - стиль края выделенной области в таблице - PullRequest
Новая
       16

css - стиль края выделенной области в таблице

0 голосов
/ 01 октября 2011

У меня есть выбираемая таблица (выбор jQuery UI).Как мне "получить доступ" к краю (сверху, слева, справа, снизу) ширины CSS или мне нужно использовать javascript?

Обновление: с "доступом к краю", я имею в видунапример, создать рамку вокруг выделенной области в таблице (выбрать элементы td, первый .ui-selected в tr, последний .ui-selected в tr, первый tr, содержащий .ui-selected, последний tr, содержащий .ui-selected).

<table class="ui-selectable">
    <tr>
        <td class="ui-selectee"></td>
        <td class="ui-selectee"></td>
        <td class="ui-selectee"></td>
        <td class="ui-selectee"></td>
    </tr>
    <tr>
        <td class="ui-selectee"></td>
        <td class="ui-selectee ui-selected"></td>
        <td class="ui-selectee ui-selected"></td>
        <td class="ui-selectee"></td>
    </tr>
    <tr>
        <td class="ui-selectee"></td>
        <td class="ui-selectee ui-selected"></td>
        <td class="ui-selectee ui-selected"></td>
        <td class="ui-selectee"></td>
    </tr>
    <tr>
        <td class="ui-selectee"></td>
        <td class="ui-selectee"></td>
        <td class="ui-selectee"></td>
        <td class="ui-selectee"></td>
    </tr>
</table>

Пример: левый край 

.ui-selected {
    border-left: 1px solid #00F;
}
.ui-selected ~ .ui-selected {
    border-left: none;
}

1 Ответ

0 голосов
/ 01 октября 2011

Слева: 

td:first-child

Справа: 

td:last-child

Верх: 

tr:first-child td

Снизу: 

tr:last-child td

Редактировать: с вашими обновлениями, теперь я могу заявить, что нет никакого способа сделать это в CSS3.Но CSS4 :nth-match и :nth-last-match (не реализованные нигде на момент написания, а спецификация - только рабочий проект) смогут это сделать.

...