CSS3 结构性伪类选择器—first-child
“:first-child”选择器表示的是选择父元素的第一个子元素的元素E。简单点理解就是选择元素中的第一个子元素,记住是子元素,而不是后代元素
例如:将无序列表的第一个项目符号和内容设置为红色。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>结构性伪类选择器—first-child</title>
<style>
ul>li:first-child,ul>li:first-child a{
color:red;
}
</style>
</head>
<body>
<ul>
<li><a href="##">Link1</a></li>
<li><a href="##">Link2</a></li>
<li><a href="##">Link3</a></li>
<li><a href="##">Link4</a></li>
<li><a href="##">Link5</a></li>
</ul>
</body>
</html> Dcr163的博客
http://dcr163.cn/122.html(转载时请注明本文出处及文章链接)
