如何排除多个孩子

Question

我想要排除th的最后一个和第二个孩子来应用一些css属性。单独来它就像

一样

.List  thead tr th:not(:last-child){
  //Some Css properties 
 }

和第二个最后一个孩子一样。可以在一个css选择器中使用not运算符进行组合吗？

Answer 1

CSS3为我们带来了:nth-last-child()选择器。要合并多个:not项，只需将它们添加到最后。

JSFiddle

li:not(:last-child):not(:nth-last-child(2)) {
    color:red;
}

根据caniuse.com，这种方法可能只能从IE9完全支持。我说可能是因为caniuse不够具体。就我个人而言，我并不会不顾一切地支持＆lt; IE9不再是必需的。

Answer 2

.List thead tr th:nth-last-of-type(1) ,.List thead tr th:nth-last-of-type(2) {
/*Some Code*/
}

试试这个