上一篇：CSS :first-line 选择器下一篇：CSS :before 选择器

CSS :first-child 选择器

实例

匹配 的父元素的第一个元素

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

:first-child 选择器匹配其父元素中的第一个子元素。

表格中的数字表示支持该属性的第一个浏览器版本号。

选择器
:first-child	4.0	7.0	3.0	3.1	9.6

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

CSS 教程: CSS 伪类

选择每个 中的每个 元素并设置其样式，其中的 元素是其父元素的第一个子元素：

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

列表中的第一个 <li>元素选择的样式：

li:first-child { background:yellow; }

每一个<ul>元素的第一个子元素选择的样式：:

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

其他扩展

上一篇：CSS :first-line 选择器下一篇：CSS :before 选择器