2014-01-11 14 views
1

長話短說,我想知道是否有任何的方式來簡化這個:有沒有一種簡潔的方式來指定兩個單獨的第n個孩子?

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

成類似:

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

,或者一個範圍,如:

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

我不認爲CSS有一個內置的這條規則,但這樣的事情是很容易最基本的答案成立了上海社會科學院 –

+0

到的兩個問題單獨的,任意的第n個孩子都不是,沒有辦法。但是,如果這些孩子,並且只有這些孩子屬於可以用a + b表示的範圍,那麼很可能。 – BoltClock

回答

5

你可以用這個選擇前兩列:

td:nth-child(-n+2) 

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

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


我能找到列的任意範圍內,至少避免了重複的第n個孩子前會發生什麼最好的()符是這樣的:

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

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

文章認爲,教我如何:https://gist.github.com/rondevera/167627


+0

不錯,我記住這一點:) – Akaryatrh

相關問題