权重问题大总结:
1).先看看有没有选中,如果选中了,那么以(id数,类数,标签数)来计权重。谁大听谁的。如果权重都一样,以后写的为准。
2).如果没有选中,那么权重是0,如果大家都是0,就近原则(看谁描述的最近就听谁的,如果描述的一样近,比权重,权重还一样,以后写的为准。)。
/*css的层叠性:就是处理冲突的能力,所有的权重计算没有任何兼容问题。*/
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style type="text/css">
#box1 .special2{color:red;}
#box1 #box2 .special3 p {color:blue}
#box1 #box3 .special4 p{color:green;}
</style>
</head>
<body>
<div id="box1" class="special1">
<div id="box2" class="special2">
<div id="box3" class="special3">
<div id="box4" class="special4">
<p class="pp">猜猜我是什么颜色?</p>
</div>
</div>
</div>
</div>
</body>
</html>