css - css - 样式表中选定区域的边缘

Question

我有一个可选表（jQuery UI 可选）。我如何“访问”边缘（顶部、左侧、右侧、底部）宽度 css，还是必须使用 javascript？

更新： “访问边缘”我的意思是例如在表格中的选定区域周围创建一个边框（选择 td 元素，在 tr 中选择第一个 .ui-selected，在 tr 中最后一个 .ui-selected，第一个 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;
}

Answer 1

剩下：

td:first-child

对：

td:last-child

最佳：

tr:first-child td

底部：

tr:last-child td

编辑：随着你的更新，我现在可以声明在 CSS3 中没有办法做到这一点。但是 CSS4:nth-match和:nth-last-match（在撰写本文时尚未在任何地方实现，并且规范只是一个工作草案）将能够做到这一点。