<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>CSS三大特性-优先性-权重的叠加</title>
<style>
/* 复合选择器会有权重叠加的问题 */
/* ul li的权重为0,0,0,1+0,0,0,1=0,0,0,2 */
/* .nav li的权重为0,0,1,0+0,0,0,1=0,0,1,1 */
/* 复合选择器虽然权重可以叠加,但不会出现进位,比如:0,0,0,10,不会往前进1; */
li{
color:red;
}
ul li{
color:pink;
}
.nav li{
color:green;
}
</style>
</head>
<body>
<ul class="nav">
<li>zzf1</li>
<li>zzf2</li>
<li>zzf3</li>
</ul>
</body>
</html>
CSS三大特性-优先性-权重的叠加
最新推荐文章于 2022-12-01 16:14:10 发布