A :hover en CSS interne

Résolu
Metallica51 Messages postés 27 Date d'inscription   Statut Membre Dernière intervention   -  
Metallica51 Messages postés 27 Date d'inscription   Statut Membre Dernière intervention   -
Bonjour,

J'aimerais pouvoir faire un :hover sur un lien en CSS interne.

Malheureusement, je ne trouve pas comment faire...

Du coup, je me suis mis a essayer des codes comme : 

<a style=":hover: color: red;">Lien</a>


Si quelqu'un pouvais me donner la solution...

Merci d'avance !

Cordialement,
Metallica51.

2 réponses

  1.
    Groarh Messages postés 706 Statut Membre 185
     
    Salut,

    :hover est une pseudo-classe, tu ne peux pas l'utiliser dans un attribut style="..." Il faut faire une déclaration dans une balise <style> ou un CSS externe. Par exemple : 

    a:hover {
  color: red;
}

    De mon point de vue, l'utilisation des attributs style="..." est bordélique... Je conseille de les éviter à tout prix.

    Si tu veux que ton style ne s'applique qu'à un seul lien, donne un id à ton lien et passe l'id dans le CSS. Exemple : 

    === HTML ===
<a id="lien-machin"></a>

=== CSS ===
a#lien-machin:hover {
  color: red;
}


    ;)
    1
  2. Metallica51 Messages postés 27 Date d'inscription   Statut Membre Dernière intervention   39
     
    Bonjour,

    Merci de ta réponse.

    Je me sers surtout du CSS externe aussi, mais le CSS interne peut-être pratique quand il s'agit juste d'une petite chose à régler...

    Comme :

    <div style="color: blue;">Voici un exemple</div>

    Merci quand même ;)

    Cordialement,

    Metallica51.

    P.S.: Je met résolu.
    0