CSS-hover不生效

<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;
}