なぜ：first-childセレクタはこの場合には動作しませんか？

Question

あなた<p>の最初の子は<b>タグ、ない<span>れる例http://jsfiddle.net/qqyYU/1/

<div class="detail"> 

    <p><b>Entry</b><br> 

First <span>40,-</span><br> 

Second <span>20,-</span></p></div> 

CSS

.detail p span:first-child {background:yellow;} 

Answer 1

を参照してください：

「この疑似クラスは、要素のみにマッチしますそれが親要素の最初の子要素である場合、あなたは要素のクラスを変更することはできませんし、あなたが必要な場合は、隣接兄弟セレクタを使用することができるかもしれ（http://reference.sitepoint.com/css/pseudoclass-firstchild）

EDIT IE7（それが動作しないかもしれないが）をサポートするために：あなたはCSSのために何をしたいです

http://jsfiddle.net/qqyYU/5/

Answer 2

は次のとおりです。

.detail p span:nth-of-type(1) {background:yellow;} 

残念ながら、これは貧弱なブラウザをサポートしています。