CSS｜hover 失效的原因总结

1. 在css定义中，当:hover、:link、:visited、:active同时存在时，他们在样式表中的自上往下的排序必须是visited / link > hover > active的编写顺序。
2. 自定义的优先级不够，如果没按照第一点来编写，可以增加hover的优先级，比如

 <ul class="idx_cm_list">
            <li class="item">
                <a href="#">2020年最差的球队!全年只赢了1场球 还负债2.4亿</a>
            </li>
 </ul>

优先级同级时用下面排序，结果不可行

.idx_cm_list a:hover{
    color: orangered;
}

.idx_cm_list a:visited{
    color: #666666;
}

增加:hover的优先级，结果可行（增加来多一个类标签的优先级计算）

.idx_cm_list li a:hover{
    color: orangered;
}

.idx_cm_list a:visited{
    color: #666666;
}

3. 使用了中文的标识符。
4. 在设置:hover前，增加来空格，导致只对其后代有效

a :hover{

}

上述代码只对a的后代有效。

如果有错误，希望得到指正，谢谢～
欢迎一起讨论学习～