長話短說,我想知道是否有任何的方式來簡化這個:有沒有一種簡潔的方式來指定兩個單獨的第n個孩子?
td:nth-child(1), td:nth-child(2) { }
成類似:
td:nth-child(1,2) { }
,或者一個範圍,如:
td:nth-child(1-2) { }
長話短說,我想知道是否有任何的方式來簡化這個:有沒有一種簡潔的方式來指定兩個單獨的第n個孩子?
td:nth-child(1), td:nth-child(2) { }
成類似:
td:nth-child(1,2) { }
,或者一個範圍,如:
td:nth-child(1-2) { }
你可以用這個選擇前兩列:
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
不錯,我記住這一點:) – Akaryatrh
我不認爲CSS有一個內置的這條規則,但這樣的事情是很容易最基本的答案成立了上海社會科學院 –
到的兩個問題單獨的,任意的第n個孩子都不是,沒有辦法。但是,如果這些孩子,並且只有這些孩子屬於可以用a + b表示的範圍,那麼很可能。 – BoltClock