我正在浏览主 boostrap.css 文件,并遇到了该选择器的几种用法:
.btn-group-vertical > .btn:first-child:not(:last-child) {}
因此,它要选择一个.btn
类的元素,该元素是类.btn-group-vertical
的元素的第一个子元素(但不是最后一个子元素?)
为什么需要链式:not()
选择器?我无法想象一个用例。
答案 0 :(得分:1)
用例是,如果它是组中的单个元素,则它既是第一个也是最后一个孩子。
答案 1 :(得分:1)
我在Github上发布了一个问题,并得到了创作者本人(马克·奥托)的回应:
:first-child和:last-child可以应用于相同的元素 唯一子元素。我们这样做是为了避免再次覆盖属性 然后再次。如果我们做了:only-child,我们将不得不编写另一个选择器 完全。