:nth-​​child仅与特定类或元素相关

时间:2013-07-21 14:04:16

标签: css css-selectors

可以将nth-child分配给特定元素,而不计算中间的其他元素(ex http://jsfiddle.net/MgC4v/ with< * br>)。

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

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

红线是第二个,而不是第三个......谢谢

1 个答案:

答案 0 :(得分: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