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; 
}