0

機能しない:

td:not(:last-child), td:not(:nth-last-child(2))
{ background-color:#ccc; }

機能しない:

td:not(:nth-last-child(1)), td:not(:nth-last-child(2))
{ background-color:#ccc; }

機能しない:

td:not(:nth-last-child(2))
{ background-color:#ccc; }

td:not(:nth-last-child(1))
{ background-color:#ccc; }

単独で動作:

td:not(:nth-last-child(2))
{ background-color:#ccc; }

単独で動作

td:not(:nth-last-child(1))
{ background-color:#ccc; }

例: http://jsfiddle.net/HBeRH/

4

3 に答える 3

4

これは機能します：

td:not(:nth-last-child(2)):not(:nth-last-child(1)) {
    background-color:#ccc;
}

このデモをチェック

于 2013-06-11T08:30:30.893 に答える
1

フィドルのように、1 から 4 までの番号が付けられた 4 人の子供がいるとします。

td:not(:last-child)は tds 1、2、および 3td:not(:nth-last-child(2))を参照します。 は tds 1、2、および 4 を参照します。したがって、スタイルシートに両方のスタイルがある場合、td 3 は最初のスタイルに含まれているため、スタイルは 4 つの tds すべてに適用されます。 td 4 は 2 つ目に含まれています。

于 2013-06-11T08:32:10.583 に答える
1

これらの理由は次のとおりです。

td:not(:nth-last-child(2)) { background-color:#ccc; }

このステートメントは、3 番目の要素を除くすべての要素に背景が必要であることを意味します。

td:not(:nth-last-child(1))
{ background-color:#ccc; }

このステートメントは、 4 番目の要素を除くすべての要素に背景が必要であることを意味します。

それらすべてに背景があることは論理的です

このコードを使用できます。ここに作業コードがあります http://jsfiddle.net/DeQ6K/

于 2013-06-11T08:34:30.483 に答える