可以让第n个子类的伪选择器与特定的类一起工作吗?
请参阅此示例:http://jsfiddle.net/fZGvH/
我想让第二个DIV.red变成红色,但它没有像预期的那样应用颜色。
不仅如此,当您指定此选项时,它会将第5个DIV更改为red:
div.red:nth-child(6)
指定此选项时,它会将第8个DIV更改为红色:
div.red:nth-child(9)
它似乎落后了一个DIV。在这个例子中只有8个DIV标签,所以我不知道为什么第n个孩子(9)可以工作。使用Firefox3.6进行测试,但在我的实际生产代码中,Chrome也出现了同样的问题。我不明白这是如何工作的一些东西,希望能澄清。
此外,这会将第6个DIV.red更改为red,但实际上我希望它将第二个DIV更改为red:
div.red:nth-of-type(6)
我不明白为什么nth-child()和nth- of - type ()会有不同的响应,因为文档中只有8个相同类型的标记。
https://stackoverflow.com/questions/5428676
复制相似问题