原因：在這種情況下，第一個孩子選擇器不工作？

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

不幸的是這有瀏覽器的支持較差。