CSS-hover不生效

时间：2021-07-07 23:59:03 阅读：42 评论：0 收藏：0 [点我收藏+]

<div class=‘ho‘>
    <a>hover测试</a>
</div>

当鼠标经过链接时，变化链接字体颜色，如果a标签使用类选择器+后代选择器，而a:hover不用后代选择器，hover不生效，如：

.ho a {
  color:black;    
}

a:hover {
  color:red;
}

原因：a:hover 表示的时当鼠标悬停在a标签上时，改变a标签的样式，其本质就只是改变a标签的样式，而.ho a选择器也改变了a的样式，其权重大于a:hover选择器权重，导致a:hover失效，更改a:hover权重后即可生效

.ho a {
  color:black;    
}

a:hover {
  color:red !important;
}

原文：https://www.cnblogs.com/muzii/p/14983481.html

踩

(0)

评论一句话评论（0）

分享档案

更多>