有没有简明的方法来指定两个独立的nth-children？

Question

长话短说,我想知道是否有任何方法可以缩写:

td:nth-child(1), td:nth-child(2) { }

变成这样的东西:

td:nth-child(1,2) { }

或者像是这样的范围:

td:nth-child(1-2) { }

Answer 1

您可以选择前两列:

td:nth-child(-n+2)

演示:http://jsfiddle.net/jfriend00/bQ2kc/

文章:http://css-tricks.com/how-nth-child-works/

我可以找到任何任意列的列,这至少可以避免重复nth-child()说明符之前的内容:

.test .columns td:nth-child(n+1):nth-child(-n+2) 

演示:http://jsfiddle.net/jfriend00/hfuTa/

文章告诉我如何:https://gist.github.com/rondevera/167627