可以將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
可以將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
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
http://cdpn.io/KgDev不適用於類。 ..沒有課的段落在計數中。 – Giovanni
它不會以您嘗試的方式工作。選擇器是nth類型的,而不是類的第n個:),它會在檢查選擇器是否匹配時添加nth-of-type和class http://codepen.io/gcyrillus/pen/lsvfo –
第n個孩子將選擇元素(由n個值指定)直接爲母公司之下。因此,在你的示例中,第n個孩子正在正常工作,因爲第2個P標籤是第3個元素。類型的N將專門計算選擇器,所以會做你在這裏需要的。 –
謝謝哈利。但不適用於類。http://codepen.io/anon/pen/KgDev – Giovanni
類型N不適用於元素類,它查看指定的元素(即)P標記。如果你不得不使用element.class,我會尋找jQuery或設置一個包含元素的類的父div,然後使用類型爲n的類型 –