CSS3 是一種新一代的樣式語言，它對(duì)于網(wǎng)頁設(shè)計(jì)的推動(dòng)作用是非常巨大的。在 CSS3 中，有許多強(qiáng)大的功能，其中之一就是 :first-child 偽類選擇器。

/* 通過 :first-child 偽類選擇器選中第一個(gè)元素 */
p:first-child {
color: red;
}

如上所示，我們可以使用 :first-child 偽類選擇器選中一個(gè)元素的第一個(gè)子元素。這個(gè)偽類選擇器非常有用，因?yàn)槊總€(gè)人都知道第一個(gè)元素在其他元素中是非常重要的。

例如，在一個(gè)無序列表<ul>中，第一個(gè)列表項(xiàng)通常會(huì)被設(shè)置為粗體，來讓用戶知道這是這個(gè)列表的描述性標(biāo)題。我們可以使用 :first-child 偽類選擇器來修改第一個(gè)列表項(xiàng)的樣式:

/* 通過 :first-child 偽類選擇器選中第一個(gè)列表項(xiàng) */
ul li:first-child {
font-weight: bold;
}

這將使第一個(gè)列表項(xiàng)比其他列表項(xiàng)更加突出。除了列表，第一個(gè)元素在其他場景中也很常見，因此使用 :first-child 偽類選擇器來選中第一個(gè)元素非常有用。