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

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

您<p>的第一個孩子是一個<b>標籤，而不是一個<span>：

「這個僞類只的元素相匹配如果它是其父元素的第一個子元素「。（http://reference.sitepoint.com/css/pseudoclass-firstchild）

編輯您可以使用相鄰兄弟選擇，如果你不能改變類的元素，你需要支持IE7（雖然它可能不工作）：

2012-01-29 07:00:23

+1哦。那麼如何選擇第一個跨度而不需要添加類 – 2012-01-29 07:01:22

@JitendraVyas您可能可以使用相鄰的兄弟選擇器。 – 2012-01-29 07:06:36

你想爲你的CSS是什麼：

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

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

2012-01-29 07:01:46 Interrobang

是的，我也想IE7的支持 – 2012-01-29 07:02:11

然後，不會只用CSS來得到它。 jQuery和朋友將是您唯一的選擇，或者將您的類添加到您的''。 – Interrobang 2012-01-29 07:05:57

回答