html - 为什么:first-child selector not working in this case?

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

您的第一个 child <p>是 <b>标签，不是 <span> :

“此伪类匹配一个元素仅当它是其父元素的第一个子元素。” (http://reference.sitepoint.com/css/pseudoclass-firstchild)

编辑如果您不能更改元素的类并且您需要支持 IE7(尽管它可能不起作用)，您可以使用相邻的兄弟选择器:

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