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 Fiddle demo

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

Answer 3

将100％工作使用此

.cont p {
    color: green;
}

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