如何從CSS中刪除懸停效果？

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

像這樣

演示

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
}

使用！重要優先。

Answer 5

懸停啟用下面的代碼

a:hover {
  background-color: yellow;
}

Hover Disable下面的代碼

a:nohover {
  background-color: yellow;
}