2013-07-21 77 views
1

可以將nn子元素僅指定給特定元素,而不計算中間的其他元素(例如http://jsfiddle.net/MgC4v/和< * br>)。:只與特定類別或元素相關的第n個子元素

<p>1</p> 
<br> 
<p>2</p> 
<p>3</p> 

p:nth-child(3) { 
    background-color:red; 
} 

紅線是第二個,而不是third..thanks

+0

第n個孩子將選擇元素(由n個值指定)直接爲母公司之下。因此,在你的示例中,第n個孩子正在正常工作,因爲第2個P標籤是第3個元素。類型的N將專門計算選擇器,所以會做你在這裏需要的。 –

+0

謝謝哈利。但不適用於類。http://codepen.io/anon/pen/KgDev – Giovanni

+0

類型N不適用於元素類,它查看指定的元素(即)P標記。如果你不得不使用element.class,我會尋找jQuery或設置一個包含元素的類的父div,然後使用類型爲n的類型 –

回答

3
p:nth-of-type(3) { 
    background-color:red; 
} 

將只選擇第三<p>元素:),這是你的問題?

看到http://www.w3.org/wiki/CSS/Selectors/pseudo-classes/:nth-of-type 你的例子:http://codepen.io/anon/pen/DxGos

+1

http://cdpn.io/KgDev不適用於類。 ..沒有課的段落在計數中。 – Giovanni

+0

它不會以您嘗試的方式工作。選擇器是nth類型的,而不是類的第n個:),它會在檢查選擇器是否匹配時添加nth-of-type和class http://codepen.io/gcyrillus/pen/lsvfo –

相關問題