這篇文章主要介紹了css中的first-child選擇器怎么用，具有一定借鑒價值，感興趣的朋友可以參考下，希望大家閱讀完這篇文章之后大有收獲，下面讓小編帶著大家一起了解一下。

成都創(chuàng)新互聯(lián)堅持“要么做到，要么別承諾”的工作理念，服務(wù)領(lǐng)域包括：成都網(wǎng)站建設(shè)、成都做網(wǎng)站、企業(yè)官網(wǎng)、英文網(wǎng)站、手機端網(wǎng)站、網(wǎng)站推廣等服務(wù)，滿足客戶于互聯(lián)網(wǎng)時代的巫溪網(wǎng)站設(shè)計、移動媒體設(shè)計的需求，幫助企業(yè)找到有效的互聯(lián)網(wǎng)解決方案。努力成為您成熟可靠的網(wǎng)絡(luò)建設(shè)合作伙伴！

CSS3:first-child選擇器怎么用？

:first-child選擇器匹配其父元素中的第一個子元素。

語法：

元素:first-child

{

css樣式

}

例：匹配

的父元素的第一個

元素

p:first-child

{

background-color:yellow;

}

注釋：所有主流瀏覽器都支持:first-child選擇器。對于IE8及更早版本的瀏覽器中的:first-child，必須聲明。

CSS:first-child選擇器的使用示例

示例1：選擇每個

中的每個元素并設(shè)置其樣式，其中的

元素是其父元素的第一個子元素：

Iamastrongman.Iamastrongman.

Iamastrongman.Iamastrongman.

效果圖：

1.jpg

示例2：每一個

元素的第一個子元素選擇的樣式

• Coffee
• Tea
• CocaCola

• Coffee
• Tea
• CocaCola

效果圖：

2.jpg

以上就是CSS3:first-child選擇器怎么用的詳細內(nèi)容，更多請關(guān)注php中文網(wǎng)其它相關(guān)文章！




感謝你能夠認真閱讀完這篇文章，希望小編分享的“css中的first-child選擇器怎么用”這篇文章對大家有幫助，同時也希望大家多多支持創(chuàng)新互聯(lián)，關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，更多相關(guān)知識等著你來學習!


新聞名稱：css中的first-child選擇器怎么用
鏈接地址：http://weahome.cn/article/ihhese.html