通过下面的css代码的渲染，为啥只是<li></li>标签的图标变红色了，但<li></li>的子代里的<a></a>标签的文字“Link1”没有变红？css样式不是具有继承性吗？
来源：6-6 CSS3 结构性伪类选择器—first-child
全_无_修
2016-10-27 16:29
下面是html代码：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>结构性伪类选择器—first-child</title>
<link href="style.css" rel="stylesheet" type="text/css">
</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>
下面是css代码：
ul > li:first-child {
color: red;
}
写回答
关注
3回答
-
- LeviMaster
- 2018-09-27 11:11:20
意思就是所写的样式，只适用于li，没有继承性，所以a不能变色
-
- qq_相信自己_25
- 2016-10-27 16:40:24
哈哈，献丑了，我还是菜鸟
-
- qq_相信自己_25
- 2016-10-27 16:34:35
a链接的默认样式，这样改不了
十天精通CSS3
本课程为CSS3入门教程，深刻详解CSS3知识让网页穿上绚丽装备
242556 学习 · 2623 问题
相似问题