5

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

4

5 回答 5

14

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

.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
}
于 2013-09-27T10:48:10.537 回答
0

然后改为使用

.faq .section p.quetn a:hover

利用

.faq .section p.quetn a

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

.faq .section p.quetn
于 2013-09-27T10:47:40.467 回答
0

像这样

演示

css

.quetn a:hover {
    text-decoration:underline;
    font-weight:bold;
}
于 2013-09-27T10:48:22.730 回答
0

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 作为优先级。

于 2013-09-27T10:55:09.647 回答
0

下面的代码用于悬停启用

a:hover {
  background-color: yellow;
}

下面的代码用于禁用悬停

a:nohover {
  background-color: yellow;
}
于 2016-06-16T10:11:17.653 回答