为什么要使用这个Boostrap选择器?

时间:2019-06-05 16:15:05

标签: css twitter-bootstrap css-selectors

我正在浏览主 boostrap.css 文件,并遇到了该选择器的几种用法:

.btn-group-vertical > .btn:first-child:not(:last-child) {}

因此,它要选择一个.btn类的元素,该元素是类.btn-group-vertical的元素的第一个子元素(但不是最后一个子元素?)

为什么需要链式:not()选择器?我无法想象一个用例。

2 个答案:

答案 0 :(得分:1)

用例是,如果它是组中的单个元素,则它既是第一个也是最后一个孩子。

答案 1 :(得分:1)

我在Github上发布了一个问题,并得到了创作者本人(马克·奥托)的回应:

  

:first-child和:last-child可以应用于相同的元素   唯一子元素。我们这样做是为了避免再次覆盖属性   然后再次。如果我们做了:only-child,我们将不得不编写另一个选择器   完全。