Question

我目前正在使用文本作为超链接，并且正在应用一些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代码。你能帮助我实现这个目标吗？提前谢谢。

Answer 1

只是在没有悬停链接时使用相同的规则：

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

修改

Juse看到你出于某种原因无法改变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 }

Answer 2

然后使用

.faq .section p.quetn a:hover

使用

.faq .section p.quetn a

如果您只定位P代码而不是锚标记，请按以下方式使用它：

.faq .section p.quetn

Answer 3

喜欢这个

<强> demo

<强> CSS

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

Answer 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优先。

Answer 5

以下代码用于悬停启用

a:hover {
  background-color: yellow;
}

以下代码用于悬停禁用

a:nohover {
  background-color: yellow;
}

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

5 个答案: