CSS :first-child 偽類

定義和用法

CSS :first-child 偽類用于選擇作為其父元素第一個子元素的元素(在一組兄弟元素中)。

實例

例子 1

選擇并設置作為其父元素第一個子元素的每個 <p> 元素的樣式:

p:first-child {
  background-color: yellow;
}

親自試一試

例子 2

選擇并設置作為其父元素第一個子元素的每個 <i> 元素的樣式:

i:first-child {
  background: yellow;
}

親自試一試

例子 3

選擇并設置列表中第一個 <li> 元素的樣式:

li:first-child {
  background: yellow;
}

親自試一試

例子 4

選擇并設置每個 <ul> 元素的第一個子元素的樣式:

ul > :first-child {
  background: yellow;
}

親自試一試

CSS 語法

:first-child {
  css declarations;
}

技術細節

版本: CSS3

瀏覽器支持

表格中的數字指定了完全支持該偽類的首個瀏覽器版本。

Chrome Edge Firefox Safari Opera
4.0 7.0 3.0 3.1 9.6

相關頁面

CSS 教程:CSS 偽類