CSS :first-child 选择器-惊讶

专辑：JQuery

CSS :first-child 选择器

实例

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

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

定义和用法

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

浏览器支持

IE、Firefox、Chrome、Safari、Opera

所有主流浏览器都支持: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; }

1637 阅读 0 收藏发布于 2016年07月07日

评论 (0)

点击加载更多...