我有以下标记:
<div class="a"></div>
<div class="b"></div> <!-- :first -->
<div class="b"></div>
<div class="b"></div> <!-- :last -->
<div class="c"></div>
我正在尝试定位第一个和最后 <div>与类b 。
如果我为此使用 jQuery 选择器，.b:first和.b:last就可以了。
但是对于 CSS，这很棘手:第一个 <div class="b">位于另一个<div>具有不同的类，并且 :first-child 和 :first-of-type 都匹配第一个 <div> ，与类a .
是否有一个选择器针对第一个与该类匹配的元素？
最佳答案
不，没有与 jQuery 的 :first 或 :last 选择器等效的 CSS 选择器，因为这些选择器是 filters, and not true simple selectors by the CSS definition .
在选择器 3 中，也没有 :first-of-class 或类似的选择器。
但是，您可以使用 ~ 组合器的覆盖规则将样式应用到特定类的第一个子类:
但目前无法使用 CSS 将样式应用到某个类的最后一个子级:
关于css - 是否有相当于 jQuery 的 :first selector in CSS3?，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/12379468/