css - :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

100% 動作します これを使用してください

.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要素を要素に変更したことに注意してください。インライン要素内にdiva を含めてはならないからです。p