css - 多个 nth-last-child 和/或 last-child 不工作

Question

不工作：

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/

Answer 1

这有效：

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

检查这个演示

Answer 2

原因如下：

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

该语句意味着所有元素都必须有背景，除了第三个元素和

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

该语句意味着所有元素都必须有背景，除了第四个元素。

他们都有背景是合乎逻辑的

您可以使用此代码。这是工作代码 http://jsfiddle.net/DeQ6K/

Answer 3

假设有 4 个孩子，就像你的小提琴一样，编号为 1-4。

td:not(:last-child)指 tds 1、2 和 3。td:not(:nth-last-child(2))指 tds 1、2 和 4。因此，当您的样式表中有两种样式时，它们会将样式应用于所有 4 个 td，因为 td 3 包含在第一个中，并且td 4 包含在第二个中。