html入门篇--css优先级

刚学习前端的同学可能对css的优先级没有详细的了解，今天给大家列出css中各种定义样式方式的优先级：

首先说明link标签的加载顺序，依次都低到高，比如

<link href="1.css"   />
<link href="2.css"   />

"2.css"的优先级高于"1.css"。

我们罗列一下id tag class等等定义样式的优先级

#div1{color:red;}
.div1{color:red;}
div{color:red;}

三个样式由高到低为id>class>tag

抛开!important  在行间写样式优先级是最高的，但是你也可以这样写：

.div1{color:pink!important;}

这样一来加了!important的就是优先级最高的了，当然如果#div1,.div1,div这三个都加了!important那么还是#div1他的优先级最高。以此类推，行间样式增加!important依然是优先级最高的。

希望大家看了对css的优先级能有个清晰的了解。了解这个对以后调整样式会有很大的帮助