通过下面的css代码的渲染，为啥只是<li></li>标签的图标变红色了，但<li></li>的子代里的<a></a>标签的文字“Link1”没有变红？css样式不是具有继承性吗？

源自：6-6 CSS3 结构性伪类选择器—first-child

通过下面的css代码的渲染，为啥只是<li></li>标签的图标变红色了，但<li></li>的子代里的<a></a>标签的文字“Link1”没有变红？css样式不是具有继承性吗？

下面是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;

}

提问者：全_无_修 2016-10-27 16:29

个回答

LeviMaster

2018-09-27 11:11:20

意思就是所写的样式，只适用于li，没有继承性，所以a不能变色

0
qq_相信自己_25

2016-10-27 16:40:24

哈哈，献丑了，我还是菜鸟

0
qq_相信自己_25

2016-10-27 16:34:35

a链接的默认样式，这样改不了

0