我有以下标记:
<div class="a"></div>
<div class="b"></div> <!-- :first -->
<div class="b"></div>
<div class="b"></div> <!-- :last -->
<div class="c"></div>
我正在尝试瞄准first and last <div>
与类b
。
如果我为此使用 jQuery 选择器,.b:first
and .b:last
就可以了。
然而对于 CSS,这很棘手:第一个<div class="b">
位于另一个之后<div>
具有不同的类,并且 :first-child 和 :first-of-type 都匹配第一个<div>
, 与类a
.
是否有一个选择器针对第一个与该类匹配的项目?
不,没有与 jQuery 等效的 CSS 选择器:first
or :last
选择器,因为这些选择器是过滤器,而不是 CSS 定义中真正的简单选择器.
在选择器 3 中没有:first-of-class
或类似的选择器。
但是,您可以使用覆盖规则~
组合器将样式应用于某个类的第一个子类:
- 第一个带有类的元素的 CSS 选择器
- 用于选择给定类的第一个元素的 CSS 选择器
但目前无法使用 CSS 将样式应用到某个类的最后一个子类:
- 是否可以使用当前的浏览器使用伪类来检测某个类的第一个和最后一个?
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)