实例
匹配属于父元素中第一个子元素的每个<p>元素
p:first-child
{
background-color:yellow;
}
运行一下 » 定义和用法
:only-child选择器匹配属于父元素中唯一子元素的元素。
浏览器支持
所有主流浏览器都支持:only-child选择器。除了IE8和更早版本。
注意: :first-child在IE8和更早版本IE版本中必须声明<!DOCTYPE>
在线实例
实例
<p>元素是其父级的第一个子元素,每个<p>元素的 <i>元素的样式:
p:first-child i
{
background:yellow;
}
运行一下 » 实例
列表中的第一个 <li>元素选择的样式:
li:first-child
{
background:yellow;
}
运行一下 » 实例
每一个<ul>元素的第一个子元素选择的样式::
ul>:first-child
{
background:yellow;
}
运行一下 »