CSS select 具有 class 的下一个元素

Question

这在 css 中可行吗？还是我需要使用 jQuery？

我的代码如下所示：

<tr>...</tr>
<tr>...</tr>
<tr>...</tr>
<tr class="some-class">...</tr> // I want to select only this one
<tr class="some-class">...</tr>
<tr class="some-class">...</tr>

我尝试了 tr + tr.some-class 但是选择了所有 tr class 而不仅仅是第一个。

Answer 1

如果您在第一个 <tr> 后面有 class "some-class" 在随后的一组 <tr> 元素中没有说 class 的兄弟姐妹，试试这个

tr:not(.some-class) + tr.some-class

JSFiddle 演示 ~ http://jsfiddle.net/gk5wcc55/

CSS select 具有 class 的下一个元素

CSS select next element which has a class

css

jquery

selector