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)