通过下面的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;
}
