第一個孩子不工作？語法錯誤？

Question

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

以上不起作用？ 第一個孩子不工作？語法錯誤？

Answer 1

刪除:first-child ...之前的空間！

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

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

Answer 2

應該有li: & first child 之間沒有空格應該是這樣

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

Answer 3

請檢查該演示：

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

<div class="social-share"> 
 

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

 
</div>