通過下面的css代碼的渲染,為啥只是<li></li>標(biāo)簽的圖標(biāo)變紅色了,但<li></li>的子代里的<a></a>標(biāo)簽的文字“Link1”沒有變紅?css樣式不是具有繼承性嗎?
下面是html代碼:
<!DOCTYPE html>
<html>
<head>?
<meta charset="utf-8">
<title>結(jié)構(gòu)性偽類選擇器—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;
}
2018-09-27
意思就是所寫的樣式,只適用于li,沒有繼承性,所以a不能變色
2016-10-27
哈哈,獻(xiàn)丑了,我還是菜鳥
2016-10-27
a鏈接的默認(rèn)樣式,這樣改不了