CSS样式的优先级别的原则

摘自：微点阅读   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公斤 重