web-dev-qa-db-fra.com

Comment supprimer l'effet de survol de CSS?

Je reçois actuellement un lien hypertexte sous lequel le texte est appliqué. En raison du survol, le texte est souligné et la police est en gras lors d'un survol. Mais maintenant, je veux supprimer le lien hypertexte et appliquer le même effet par défaut, c’est-à-dire pas en survol. En bref, je veux appliquer le style actuellement appliqué en survol sans survoler le texte. Mon code HTML et CSS est la suivante:

.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>

Un autre point important est que je ne peux pas changer le CSS écrit ci-dessus, je veux remplacer le code CSS ci-dessus en écrivant une nouvelle classe. Pouvez-vous m'aider à y parvenir? Merci d'avance.

htmlcssclass
4
PHPLover

Utilisez simplement la même règle lorsque le lien n'est pas survolé:

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

MODIFIER

Juse a vu que vous ne pouvez pas changer le CSS pour une raison quelconque.

Créez simplement une nouvelle classe avec les mêmes styles.

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

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

EDIT v2

Voulez-vous styliser le texte mais supprimer le balisage de lien?

Ce serait juste

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

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

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
}

Utilisez! Important pour la priorité.

0
Google User

Code ci-dessous pour activer le survol

a:hover {
  background-color: yellow;
}

Code ci-dessous pour le survol désactivé

a:nohover {
  background-color: yellow;
}
0
satish hiremath

Puis à la place en utilisant 

.faq .section p.quetn a:hover

utilisation

.faq .section p.quetn a

Si vous ne ciblez que la balise P au lieu de la balise d'ancrage, utilisez-la comme suit: 

.faq .section p.quetn
0
Ganesh Pandhere

Comme ça

demo

css 

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