这段not选择器代码怎么理解?
来源：5-7 按钮（按钮组）
主宰灵魂
2018-07-07 21:48
.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}.btn-group > .btn:first-child 这一块明白 不明白后面连接起来表示什么意思,求解释
写回答
关注
3回答
-
- 主宰灵魂
- 2018-07-23 01:00:44
.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle)
选择出.btn-group下的所有子.btn,筛选出为其父的首元素的,再筛选除出不是其父的尾元素的,也就是父元素只有一个子就不行,
再进一步筛选出类名不为.dropdown-toggle的.
-
- 主宰灵魂
- 2018-07-23 00:27:31
.btn-group > .btn 表示选择下的,结果得到一个合集,结果好比一个数组arr[10][5] 继续:first-child,表示对得到的合集进一步筛选,再得到合集中的第一个子元素,结果好比选择数组中的第一个元素arr[0][5]. 再继续:not(:last-child)对上一结果进行筛选,选择除了最后一个子元素剩下的,arr[0][0]~arr[0][3] 最后一步:not(.dropdown-toggle),对上结果进行筛选,选择除了类名为.dropdown-toggle的元素剩下的,
-
- 温度丶
- 2018-07-12 09:54:13
按钮组里，除第一个按钮、最后一个按钮和带有dropdown-toggle样式的元素外，其它的按钮样式都为：
{ border-top-right-radius: 0; border-bottom-right-radius: 0; }//即按钮样式不为圆角
玩转Bootstrap（基础）
告诉你使用Bootstrap，并且能够独立定制出适合自己的Bootstrap
314546 学习 · 2275 问题
相似问题