.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 这一块明白 不明白后面连接起来表示什么意思,求解释
.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle)
选择出.btn-group下的所有子.btn,筛选出为其父的首元素的,再筛选除出不是其父的尾元素的,也就是父元素只有一个子就不行,
再进一步筛选出类名不为.dropdown-toggle的.
.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的元素剩下的,
按钮组里,除第一个按钮、最后一个按钮和带有dropdown-toggle样式的元素外,其它的按钮样式都为:
{ border-top-right-radius: 0; border-bottom-right-radius: 0; }//即按钮样式不为圆角