如何从 CSS 中删除悬停效果？答案

【问题标题】：How to remove hover effect from CSS?如何从 CSS 中删除悬停效果？
【发布时间】：2013-10-03 15:20:30
【问题描述】：

我目前有一个文本作为超链接，并且正在应用一些 CSS 代码。由于在悬停时文本有下划线并且字体在悬停事件中变为粗体。但现在我想做的是删除超链接并默认应用相同的效果，即不在悬停时。简而言之，我想应用当前在悬停时应用的样式而不悬停文本。我的 HTML 和 css 代码如下：

.faq .section p.quetn a:hover {
    text-decoration:underline;
    font-weight:bold
}
<p class="quetn"><a href="">5.14 Where do i see my test results?</a></p>

更重要的一点是我无法更改上面编写的 CSS，我想通过编写一个新类来覆盖上面的 CSS 代码。你能帮我实现这个目标吗？提前致谢。

【问题讨论】：

标签： html css class

【解决方案1】：

然后改为使用

.faq .section p.quetn a:hover

使用

.faq .section p.quetn a

如果你只定位P标签而不是锚标签，那么使用它如下：

.faq .section p.quetn

【讨论】：

：但我也想删除锚标签（超链接）。那我应该怎么写呢？
在这种情况下，只需使用 .faq .section p.quetn 并从 html 中删除 A 标记

【解决方案2】：

当链接没有被悬停时，只需使用相同的规则：

.faq .section p.quetn a, .faq .section p.quetn a:hover {
    text-decoration:underline;
    font-weight:bold
}

编辑

只是看到由于某种原因您无法更改 CSS。

只需创建一个具有相同样式的新类。

a.class, a.class:hover {
    text-decoration:underline;
    font-weight:bold
}

<a class="class" title="" href="#">Some Link</a>

编辑 v2

是否要设置文本样式但删除链接标记？

只是

<p class="class">Text</p>

p.class {
    text-decoration:underline;
    font-weight:bold
}

【讨论】：

【解决方案3】：

这样

demo

css

.quetn a:hover {
    text-decoration:underline;
    font-weight:bold;
}

【讨论】：

【解决方案4】：

html

<p class="quetn newClass"><a href="">5.14 Where do i see my test results?</a></p>

css

.quetn a:hover {
        text-decoration:underline;
        font-weight:bold;
        cursor:default;
}

.newclass a:hover{
        text-decoration:none; !important
        font-weight:bold; !important
        cursor:default; !important
}

使用 !important 作为优先级。

【讨论】：

【解决方案5】：

以下代码用于启用悬停

a:hover {
  background-color: yellow;
}

以下代码用于禁用悬停

a:nohover {
  background-color: yellow;
}

【讨论】：