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

Question

可以将 :nth-child 仅分配给特定元素，而不计算中间的其他元素（例如http://jsfiddle.net/MgC4v/和 <*br>）。

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

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

红线是第二条，不是第三条……谢谢

Answer 1

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