第一个孩子不起作用？语法错误？

Question

.social-share li: first-child {
    background-color: yellow;
}

以上不起作用？ 第一个孩子不起作用？语法错误？

Answer 1

请查看此演示：

＆＃13;

＆＃13;

.social-share li:first-child{background-color: yellow;}

＆＃13;

<div class="social-share">

<ul>
<li>First</li>
<li>Second</li>
</ul>

</div>

＆＃13;

＆＃13;

＆＃13;

Answer 2

删除:first-child之前的空格......！

＆＃13;

＆＃13;

.social-share li:first-child {background-color: yellow;}

＆＃13;

<ul class="social-share">
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
</ul>

＆＃13;

＆＃13;

＆＃13;

Answer 3

li:＆amp;之间不应有空格键。 first child 它应该像

.social-share li:first-child {
  background-color: yellow;
}