CSS禁用<a>悬停

Question

<a>Link</a>

我们可以在没有使用的情况下阻止此元素具有任何悬停效果:hover吗？

我经常去:

a {
color= white;
}

a:hover {
color= white;
}

我已经检查pointer-event= none;但它禁用了整个元素并使其成为文本.

Answer 1

您的语法错误CSS,请CSS使用以下代码更新您:

a, a:hover {
    color: white;
}

 a {
    color: white !important;
 }

/*
  So you can actually see the white link 
*/
div {
  width: 50px;
  height: 50px;
  background-color: black;
}

<div>
  <a href="#">link</a>
</div>

或者如果你不想使用:hover你只需添加!important你的默认CSS

a {
    color: white !important;
}

注意:对于标准操作,我们不!important经常使用.所以你可以在线添加这个css.你可以查看下面的更新代码..

 

div {
  width: 50px;
  height: 50px;
  background-color: black;
}

<div>
  <a href="#" style="color: white;">link</a>
</div>