我可以在包含不同类别的子级的 div 中选择某个类别的第一个和最后一个子级吗？
例如：
<div class="main">
<div class="red"></div>
<div class="red"></div>
<div class="red"></div>
<div class="black"></div>
<div class="black"></div>
<div class="black"></div>
<div class="green"></div>
<div class="green"></div>
<div class="green"></div>
</div>
我想选择第一个孩子和最后一个孩子.black。那可能吗？
不，不幸的是没有。
但是，可以通过组合两个选择器来选择某个类的第一个子级（example http://jsfiddle.net/jhogervorst/CBc38/):
div.black:first-child,
div:not(.black) + div.black
第一个选择器选择一个黑色 div，它显然是其父级的第一个子级。第二个选择器选择一个黑色 div，其前面是一个非黑色 div。使用这两个规则，您可以选择第一个黑色 div。
有关更多信息，请参阅：:first-child https://developer.mozilla.org/en-US/docs/Web/CSS/%3afirst-child, :not https://developer.mozilla.org/en-US/docs/Web/CSS/%3anot，以及相邻同级选择器（+) https://developer.mozilla.org/en-US/docs/Web/CSS/Adjacent_sibling_selectors.
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
