css的优先级

1》继承性的CSS样式在优先级中是排名最低的,任何一种方法的优先级都高于它。

2》CSS的内联样式的优先级高于外部文件里的样式

就是说你写在外部文件跟HTML页面头部的CSS新式,都没有这种直接写在元素内部的内联样式优先级高

3》id选择器的优先级高于类选择器

4》!important是对CSS属性进行声明,拥有这个声明的CSS属性的优先级高于一切,连内联样式都得给它当小弟!!当然,前提是内联样式中的属性没有声明!important

5》同样优先级别的CSS,实行后来居上原则,比如说同样的两个选择器(优先级一样了吧):

.box01 h1{color:red;}

.box01 h1{color:blue;}

那么,这时h1的字体颜色肯定是蓝色的,后来居上原则。

6》派生选择器的优先级标签选择器看成数字1,把类选择器看成10,ID选择器的数字为100

如:

div.box01 h1.title(1+10+1+10=22)------最高

div.box01 .title(1+10+10=21) 

.box01 h1.title(10+1+10=21)

相关推荐