:first-child
收藏：0
阅读：80
CSS :first-child 选择器
实例
匹配属于父元素中第一个子元素的每个<p>元素
p:first-child
{
background-color:yellow;
}
{
background-color:yellow;
}
定义和用法
:only-child选择器匹配属于父元素中唯一子元素的元素。
浏览器支持
所有主流浏览器都支持:only-child选择器。除了IE8和更早版本。
注意: :first-child在IE8和更早版本IE版本中必须声明<!DOCTYPE>
相关文章
CSS 教程: CSS 伪类
实例
<p>元素是其父级的第一个子元素，每个<p>元素的 <i>元素的样式：
p:first-child i
{
background:yellow;
}
{
background:yellow;
}
实例
列表中的第一个 <li>元素选择的样式：
li:first-child
{
background:yellow;
}
{
background:yellow;
}
实例
每一个<ul>元素的第一个子元素选择的样式：:
ul>:first-child
{
background:yellow;
}
{
background:yellow;
}