css - Make :first-child 忽略嵌套结构？

Question

http://jsfiddle.net/RKwHk/ 我需要如何更改我的选择器以便它只选择第一段？谢谢

<div class="cont">
    <span>
        <p>first</p>
    </span>
     <span>
        <p>second</p>
    </span>
     <span>
        <p>thrid</p>
    </span>
</div>

.cont p {
    color: green;
}
.cont p:first-child {
    color: red;
}

Answer 1

以这种方式使用它：

.cont p {
    color: green;
}
.cont span:first-child p {
    color: red;
}

Answer 2

我建议：

.cont div:first-of-type p, /* or the following */
.cont div:first-child p {
    color: red;
}

JS 小提琴演示。

请注意，我已将元素更改span为div元素，因为 ap不应包含在内联元素中。

Answer 3

将 100% 工作使用这个

.cont p {
    color: green;
}

.cont span:first-child p{
   color:Red;
}