摘自:微点阅读 https://www.weidianyuedu.com/content/3017328186116.html
优先原则一:文本从上到下,后出现的样式优先于前面出现的同一样式
例:
<styletype=”text/css”>
.def1{background:black;}
.def2{background:yellow; }
</style>
<div class=” def2def1″>测试1</div>
结果:所有浏览器均yellow色,注意:与class=””引号内的顺序无关,只看.def1和.def2在声明时的顺序,.def2后声明的所以权重高。
优先原则二:id声明(即 # 开头的样式)>class声明(即 . 开头的样式)> 标签声明(即 类似 div 开头)
以上三种声明处于不同的量级,份量上,div 开头相当于 1克 重,. 开头相当于 1公斤 重