日期:2014-05-17  浏览次数:20618 次

是关于继承性?
<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;}