CSS : Contrer la couleur par défaut d'un lien

Discussion dans 'Développement d'un site Web ou d'une appli mobile' créé par Soak, 15 Juin 2006.

  1. Soak
    Soak WRInaute occasionnel
    Inscrit:
    24 Octobre 2004
    Messages:
    251
    J'aime reçus:
    0
    Bonjour à tous,

    J'ai définis des couleurs pour mes liens dans un fichier CSS.

    Code:
    A:link {
       color: #0000FF;
    }
    A:visited {
       color: #0000FF;
    }
    Mais le problème, quand je veux définir une couleur pour un lien précis, cela ne fonctionne pas, et la couleur est celle définie précédement.

    Code:
    .monlienspecial {
       color: #FFFFFF;
    }
    Comment contrer cela ?
    Merci d'avance.
     
  2. mr_go
    mr_go WRInaute passionné
    Inscrit:
    21 Septembre 2005
    Messages:
    1 688
    J'aime reçus:
    2
    Code:
    A.monlienspecial :link, A.monlienspecial :visited  { 
       color: #FFFFFF; 
    } 
    
    Et ca ?
     
  3. rtb
    rtb WRInaute impliqué
    Inscrit:
    14 Novembre 2004
    Messages:
    870
    J'aime reçus:
    0
    a .monlienspecial:link { color: #FFFFFF;}
    a .monlienspecial:visited {...}
    a .monlienspecialactive {...}
    a .monlienspecial:hover {...}
    et ne pas oublier d'appliquer la class à la balise a.
     
  4. biscuit
    biscuit WRInaute occasionnel
    Inscrit:
    5 Juin 2006
    Messages:
    425
    J'aime reçus:
    0
    Salut,

    oublies pas les :link / :visited

    Code:
    .monlienspecial:link { color: #ffffff; }
     
  5. Soak
    Soak WRInaute occasionnel
    Inscrit:
    24 Octobre 2004
    Messages:
    251
    J'aime reçus:
    0
    Ah d'accord, merci beaucoup :D

    Code:
    A.monlienspecial {
       color: #FFFFFF;
    }
    Code:
    <a href="..." class="monlienspecial">blabla</a>
    Fonctionne également.
    (Liens visités et non de même couleur).

    Qu'en pensez-vous ? C'est correct ainsi ?

    Edit 08h22 : J'ai remarqué que sur Internet Explorer, le lien visité reprend sa couleur initiale, c'est-à-dire A:visited... Vive IE...
     
  6. Druidefou
    Druidefou WRInaute discret
    Inscrit:
    10 Août 2005
    Messages:
    156
    J'aime reçus:
    0
    Oui c'est correct, mais mieux vaut définir les :link : visited, ... ca t'évitera que IE change la couleur comme tu dis.
     
  7. Soak
    Soak WRInaute occasionnel
    Inscrit:
    24 Octobre 2004
    Messages:
    251
    J'aime reçus:
    0
    Ok merci :

    Code:
    a.lienspecial:link, a.lienspecial:visited
    {
       color: #FFFFFF;
    }
    Voilà :D
     
  8. rikew
    rikew WRInaute impliqué
    Inscrit:
    19 Décembre 2002
    Messages:
    683
    J'aime reçus:
    2
    Pour optimiser tu peut faire :

    a.lienspecial:link, a.lienspecial:visited { color: #FFF }

    (tu peut simplifier le code couleur et supprimer le ; pour le dernier attribut)


    #0000FF => #00F
     
  9. le_gber
    le_gber WRInaute discret
    Inscrit:
    9 Mai 2006
    Messages:
    164
    J'aime reçus:
    0
    pour optimiser encore plus :)

    Code:
    a{color:#00f;}
    a.lienspecial{color:#fff;}
    
    si tu veux que tous les états (states?) de tes liens soient les memes, pas la peine de preciser :lik, :visited, :active ou :hover
     
  10. Soak
    Soak WRInaute occasionnel
    Inscrit:
    24 Octobre 2004
    Messages:
    251
    J'aime reçus:
    0
    Non, ça ne fonctionne pas sous IE.
     
  11. le_gber
    le_gber WRInaute discret
    Inscrit:
    9 Mai 2006
    Messages:
    164
    J'aime reçus:
    0
    pour moi ca marche IE6 WinXP
     
Chargement...
Similar Threads - CSS Contrer couleur Forum Date
Grid CSSS 3 et IE ou Edge ? Développement d'un site Web ou d'une appli mobile 2 Novembre 2022
Comment Modifier une balise H1 non paramétrable par du CSS Débuter en référencement 13 Octobre 2022
pb de CSS Développement d'un site Web ou d'une appli mobile 10 Mai 2022
Unused CSS et outils pour supprimer feuilles de style inutilisées Développement d'un site Web ou d'une appli mobile 27 Avril 2022
CSS / Attribuer 2 couleurs différentes aux H2 Développement d'un site Web ou d'une appli mobile 12 Mars 2022
Perplexité : pourquoi utiliser une classe CSS en dehors de <body> Développement d'un site Web ou d'une appli mobile 26 Décembre 2021
<noscript><link ...> du css après un <link rel="preload"... Débuter en référencement 1 Mai 2021
Utiliser une grille CSS peut-il nuire au référencement ? Débuter en référencement 17 Janvier 2021
[CSS] Application (non souhaitée) d'un effet au parent via :not(:hover) Développement d'un site Web ou d'une appli mobile 17 Novembre 2020
WordPress Suppression élément avec Css Demandes d'avis et de conseils sur vos sites 16 Août 2020
Conflit image responsive et animation css Développement d'un site Web ou d'une appli mobile 20 Février 2020
Ajouter une Opacité CSS sur une image en Background Développement d'un site Web ou d'une appli mobile 4 Février 2020
CSS Google Shopping AdWords 23 Janvier 2020
style.css unique préférable avec link ou javascript ? Développement d'un site Web ou d'une appli mobile 25 Décembre 2019
Comment gérer le ALT d'une image en CSS background-image YouTube, Google Images et Google Maps 17 Décembre 2019
Contenu mixte vers http / css - réelle gravité ? Débuter en référencement 24 Septembre 2019
Extension Chrome utile pour afficher le code source HTML, JS, CSS Développement d'un site Web ou d'une appli mobile 5 Juillet 2019
css pour cookieconsent et apparence graphique. Développement d'un site Web ou d'une appli mobile 28 Avril 2019
Appliquer style CSS CMS GHOST Développement d'un site Web ou d'une appli mobile 21 Mars 2019
Wordpress et site html/css Débuter en référencement 15 Décembre 2018