刚学习前端的同学可能对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的优先级能有个清晰的了解。了解这个对以后调整样式会有很大的帮助