为了账号安全,请及时绑定邮箱和手机立即绑定

这段not选择器代码怎么理解?

.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 回答

.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle)

选择出.btn-group下的所有子.btn,筛选出为其父的首元素的,再筛选除出不是其父的尾元素的,也就是父元素只有一个子就不行,

再进一步筛选出类名不为.dropdown-toggle的.

0 回复 有任何疑惑可以回复我~
.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的元素剩下的,
0 回复 有任何疑惑可以回复我~
#1

主宰灵魂 提问者

回复吞字,少了很多字,懒得解释了
2018-07-23 回复 有任何疑惑可以回复我~

按钮组里,除第一个按钮、最后一个按钮和带有dropdown-toggle样式的元素外,其它的按钮样式都为:

  {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  }//即按钮样式不为圆角


0 回复 有任何疑惑可以回复我~
#1

主宰灵魂 提问者

不对!看楼下解释
2018-07-23 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消

这段not选择器代码怎么理解?

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信