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)