如何将nth-child（）规则合并为一个？

#content #wrapper table td:nth-child(3), 
#content #wrapper table td:nth-child(4), 
#content #wrapper table td:nth-child(5) { 
    width: 30px; 
}

是有可能的第n个孩子结合起来，缩短东西像nth-child(3,4,5)而不是3个独立的线路？

2013-03-05 skyisred

这应该做的伎俩：

#content #wrapper table td:nth-child(n+3):nth-child(-n+5) { 
    width: 30px; 
}

2013-03-05 20:59:14

这作品，非常感谢你！你能解释最后一部分，我不知道它是如何工作的 – skyisred 2013-03-05 22:28:20

@skyisred你可能想玩这个http://lea.verou.me/demos/nth.html – Ana 2013-03-05 23:16:34

-3

不是我知道我害怕。如果你为了使它更易于维护而寻找更少的代码，你可以尝试类似SASS的东西。

2013-03-05 20:57:35

不是直接基于你的代码，但这应该给你一个想法。

ul li:nth-child(n+3):nth-child(-n+7){ }

2013-03-05 20:58:34 Ares

您可以尝试

#content #wrapper table td:nth-child(n+3)

将所有选择，但第一2.

2013-03-05 20:58:34

回答