CSS 参考手册

CSS :first-child 选择器

CSS完整选择器完整CSS选择器参考手册


定义和用法

:only-child选择器匹配属于父元素中唯一子元素的元素。

实例

匹配属于父元素中第一个子元素的每个<p>元素

p: first - child {
    background - color: yellow;
}
尝试一下 »

浏览器支持

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

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

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


相关文章

CSS 教程: CSS 伪类


Examples 更多实例

实例

<p>元素是其父级的第一个子元素,每个<p>元素的 <i>元素的样式:

p: first - child i {
    background: yellow;
}
尝试一下 »

实例

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

li: first - child {
    background: yellow;
}
尝试一下 »

实例

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

ul > :first - child {
    background: yellow;
}
尝试一下 »

CSS完整选择器完整CSS选择器参考手册