css权重简单总结

css选择器的权重

!important (ie6+)> 内联样式>内嵌样式>外部样式   //--样式定义的位置不同,权重不同

定义的位置相同时 不同选择器 权重不同

位置相同 选择器相同 先后定义同一样式属性的话,后定义的覆盖先定义的

不同选择器的权重值

id选择器 100

class选择器 10

标签选择器 1

继承的样式属性的权重最低 如font: color:

如:层次选择器的权重值

1 <style type="text/css">
2 #main .title p{} /* 100+10+1=111 */
3 </style>
原文地址:https://www.cnblogs.com/stephenykk/p/2933251.html