誰是誰的first-child

時間 2019-12-08

標籤誰是誰的 child 简体版

原文原文鏈接

看過CSS僞類選擇器以後，心想也就如此嘛，:first-child選擇元素的第一個子元素，有什麼難的，可一到實踐中，仍是處處碰壁啊。ui

 1 <body>
 2     <ul class="fruit">
 3         <li>Apple</li>
 4         <li>Orange</li>
 5         <li>Pear</li>
 6         <li>Grape</li>
 7     </ul>
 8     <div class="content">
 9         <p>I am learning CSS.</p>
10         <p>I want to be a programmer.</p>
11     </div>
12 </body>

設置ul的第一個子元素的背景顏色，我想固然地使用了 ul:first-child{backgroud-color:#ccc;}，結果發現整個ul元素都被選中了！spa

再回頭看手冊「:first-child選擇器用於選取屬於其父元素的首個子元素的指定選擇器」，針對上述代碼，也就是說應該設置成這樣：code

li:first-child{backgroud-color:#ccc;}或者.fruit>:first-child{backgroud-color:#ccc;}blog

同理，若想選擇<div>的第一個<p>元素，應該設置：it

p:first-child{backgroud-color:#789;}或者.content>:first-child{backgroud-color:#789;}class

相關文章

相關標籤/搜索

Cocos誰學誰會

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。

最新文章

本站公眾號

歡迎關注本站公眾號,獲取更多信息

相關文章

>>更多相關文章<<