CSS :first-child 選擇器

實(shí)例

匹配 的父元素的第一個(gè)元素

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

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

表格中的數(shù)字表示支持該屬性的第一個(gè)瀏覽器版本號(hào)。

選擇器
:first-child	4.0	7.0	3.0	3.1	9.6

注意: :first-child在IE8和更早版本IE版本中必須聲明<!DOCTYPE>

選擇每個(gè) 中的每個(gè) 元素并設(shè)置其樣式，其中的 元素是其父元素的第一個(gè)子元素：

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

列表中的第一個(gè) <li>元素選擇的樣式：

li:first-child { background:yellow; }

每一個(gè)<ul>元素的第一個(gè)子元素選擇的樣式：:

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

其他擴(kuò)展

上一篇：CSS :first-line 選擇器下一篇：CSS :before 選擇器