CSS :first-child 偽類
- 上一頁 :first
- 下一頁 :first-of-type
- 返回上一層 CSS 偽類參考手冊
定義和用法
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 偽類
- 上一頁 :first
- 下一頁 :first-of-type
- 返回上一層 CSS 偽類參考手冊