js添加css属性导致:hover无效的解决办法

给:hover的属性后面添加!important就可以了。应为!important优先级高于一切！！

!important>style>css伪类>id>class。

特指度

要解决以上问题，我们需要引入一个概念——特指度（specificity）。特指度表示一个css选择器表达式的重要程度，可以通过一个公式来计算出一个数值，数越大，越重要。

这个计算叫做“I-C-E”计算公式，

    I——Id；
    C——Class；
    E——Element；

即，针对一个css选择器表达式，遇到一个id就往特指度数值中加100，遇到一个class就往特指度数值中加10，遇到一个element就往特指度数值中加1。

下面举几个css表达式的特指度计算结果，大家也自己算一算，是不是对：

CSS选择器表达式
    

特指度计算结果

p
    

1

p.large
    

11

P#large
    

101

div p#large
    

102

div p#large ul.list
    

113

div p#large ul.list li
    

114

还有一个重点要注意：!important优先级最高，高于上面一切。* 选择器最低，低于一切。