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

时间:2014-01-11 01:59:57

标签: css css3 css-selectors

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

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

成像:

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

或者可能是这样的范围:

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

1 个答案:

答案 0 :(得分:5)

您可以选择前两列:

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

的文章