CSS :first-child 选择器
完整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 伪类
更多实例
实例
<p>元素是其父级的第一个子元素,每个<p>元素的 <i>元素的样式:
p: first - child i {
background: yellow;
}
尝试一下 »
实例
列表中的第一个 <li>元素选择的样式:
li: first - child {
background: yellow;
}
尝试一下 »
实例
每一个<ul>元素的第一个子元素选择的样式::
ul > :first - child {
background: yellow;
}
尝试一下 »
完整CSS选择器参考手册