css - 複数の子供を除外する方法

Question

いくつかのcssプロパティを適用するために、thの最後と最後から2番目の子を除外したい。

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

最後から2番目の子についても同じです。1つのcssセレクターでnot演算子を使用して組み合わせることができますか？

Answer 1

:nth-last-child()CSS3は私たちにセレクターをもたらします。:not複数のアイテムを組み合わせるには、それらを最後に追加するだけです。

JSFiddle

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

caniuse.comによると、このメソッドはIE9からのみ完全にサポートされている可能性があります。カニウスが十分に具体的でないためかもしれません。個人的には、要件がない限り、<IE9をサポートするために邪魔をすることはもうありません。

Answer 2

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

これを試して