选择第一个元素css基于类名

Question

.class + p:first-child{

}

上面的代码不起作用，除非是元素而不是类，比如p：first-child。

<div class="wrap">
<h3></h3>
<div style="clear:both"></div>
<p></p>
<p></p>
<p></p>
<p></p>

如何在类包装上选择第一个p？我不想在p上申请班级名称。

Answer 1

您无法在此使用:first-child，因为在这种情况下，first-child class:wrap为<h3>。在您希望的情况下，请尝试此

.wrap > p:nth-of-type(1) {
    color:red

}

小提琴是HERE