是关于继承性?
<style>
ul a:hover{ background:#ffc;color:#F00;}
ul li.pp a{background:#ccc;}
</style>
<ul>
<li> <a href= "# "> item1 </a> </li>
<li class= "pp "> <a href= "# "> item2 </a> </li>
</ul>
为什么ul li.pp a{background:#ccc;}能覆盖ul a:hover{background:#ffc;color:#F00;}?
是ul li.pp a{background:#ccc;}定义比ul a:hover{background:#ffc;color:#F00;}晚?还是继承的一些因素
------解决方案--------------------特殊性公式
为什么ul li.pp a 的特殊性是 0,0,1,3 是13
ul a:hover的特殊性是 0,0,1,1 是 11
所以上面的比下边的特殊性强
特殊性是以10为单位的
style= " " 的特殊性为 1,0,0,0 1000
#id1 #id2 的特殊行为 0,2,0,0 200 id的特殊性为百为单位
.class 的特殊性为 0,0,1,0 10 class类的特殊性是十为单位
一般标签为 0,0,0,1 1 比如body、p、h1等等xhtml标签
这样来 一个id + 一个class 加一个 xhtml标签就是
比如
#content p.data{} 的特殊性就是 111
------解决方案--------------------ul li.pp a{background:#ccc;}的优先级高于ul a:hover{ background:#ffc;color:#F00;}