0

首先，我无法控制标记，我只是对其进行样式设置。

我有一个包含一系列行的表，有些行有一个连续顺序的类。我已经能够选择该系列的第一个元素，但无法选择最后一个。

有任何想法吗？

这是一个例子：

<table>
    <tr class="parent">
        <td></td>
    </tr>
    <tr class="parent">
        <td></td>
    </tr>
    <tr class="child">
        <td></td>
    </tr>
    <tr class="child">
        <td></td>
    </tr>
    <tr class="parent">
        <td></td>
    </tr>
    <tr class="child">
        <td></td>
    </tr>
    <tr class="child">
        <td></td>
    </tr>
    <tr class="child">
        <td></td>
    </tr>
    <tr class="parent">
        <td></td>
    </tr>
</table>

我用于选择每个子系列的第一个元素的 CSS 是：

table tr.parent + tr.child

我不能使用 jQuery！！！！这必须是纯 CSS！

4

2 回答 2

1

如果您的浏览器支持，您可以使用 CSS 3 选择器（请参阅http://caniuse.com/#feat=css-sel3）

根据W3C 文档，您可以使用以下内容：

tr.parent:last-of-type
于 2013-02-04T21:17:09.670 回答
1

使用 :last-child 选择器。例子：

table tr:last-child

这将选择每个 tr ，它是其父元素中的最后一个元素；在这种情况下，tr表中的最后一个。有关它的更多信息：https ://developer.mozilla.org/en-US/docs/CSS/:last-child

是相邻的+子选择器，在您的示例中，将选择紧接在它之前的任何tr.parent同级tr.parent。有关它的更多信息：https ://developer.mozilla.org/en-US/docs/CSS/Adjacent_sibling_selectors

于 2013-02-04T21:17:35.457 回答