:hover不生效？？？？

周五吃披萨

已于 2024-02-21 15:40:35 修改

阅读量147

点赞数 1

文章标签：前端 css 鼠标

于 2024-02-21 15:40:05 首次发布

本文链接：https://blog.csdn.net/qq_40745563/article/details/136213308

版权

:hover鼠标悬浮不生效？？？？

  <a href="" class="my-cart"><span class="icon-cart"></span>购物车</a>
a {
   display: inline-block;
   color: #b0b0b0;
   margin-right: 17px;
 }
.my-cart:hover {
   background-color: $colorA;
 }
`代码大概如上
``

## 原因竟然是。。。。。。。
这家伙要团体行动的，还必须加上:link,:visited
.my-cart:link {
  color: #b0b0b0;
}
.my-cart:visited {
  color: #b0b0b0;
}
.my-cart:hover {
  background-color: $colorA;
}