原因：在这种情况下，第一个孩子选择器不工作？

Question

见例如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

您<p>的第一个孩子是一个<b>标签，而不是一个<span>：

“这个伪类只的元素相匹配如果它是其父元素的第一个子元素“。 （http://reference.sitepoint.com/css/pseudoclass-firstchild）

编辑 您可以使用相邻兄弟选择，如果你不能改变类的元素，你需要支持IE7（虽然它可能不工作）：

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

Answer 2

你想为你的CSS是什么：

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

不幸的是这有浏览器的支持较差。