每个班级组的最后一名答案

【问题标题】：Last of each class group每个班级组的最后一名
【发布时间】：2012-02-09 23:20:25
【问题描述】：

所以我有一系列<tr> 元素，其中一些有一个特殊的类：

<tr>...</tr>
<tr class="special">...</tr>
<tr class="special">...</tr> <!-- this one -->
<tr>...</tr>
<tr class="special">...</tr>
<tr class="special">...</tr>
<tr class="special">...</tr> <!-- this one -->
<tr>...</tr>
<tr>...</tr>

如何在我的 CSS 中定位每个特殊组的最后一个（用 cmets 标记的组）？或者我应该改变我的标记？请注意，任何神奇的 CSS3 选择器都是允许的。

【问题讨论】：

看到一个非常相似的问题：stackoverflow.com/questions/1329841/changing-css-for-last-li
如果您想包含 Javascript 答案，请添加 javascript 标签。这对于 CSS 和您当前的标记是不可能的。
好问题。 :last-of-class 选择器会很有用，可惜它不存在！

标签： html css css-selectors

【解决方案1】：

抱歉，没有选择器。您必须以某种方式更改您的标记（最简单的方法是在每个组的最后一个类中添加一个类）。

【讨论】：

好的，那我加一个类。顺便说一句，感谢您对问题的编辑。
如果你不介意使用 jQuery 来添加类，你应该可以使用这个单行代码：$('tr:not(.special)').prev('tr.special').addClass('last');

【解决方案2】：

BoltClock 说的是真的，没有。如果您有办法将<tr>...</tr> 替换为</ul> <ul>，您可以使用ul tr.special:last-child

【讨论】：

您的意思是tbody 而不是ul？这是一个表格，而不是一个列表。
呵呵 xD 同时做更多的事情不是那么聪明