Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
1467 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  "Exception CSS" sur un lien

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

"Exception CSS" sur un lien

n°1404702
smilm
Posté le 11-07-2006 à 15:35:23  profilanswer
 

Bonjour,
 
J'aimerais savoir comment il faut s'y prendre pour colorer un lien d'une certaine façon quand on a défini la classe "a" dans les CSS.
En effet, voici mes CSS actuels:
a {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 12px;
 color: #4c1b21;
 text-decoration: underline;
}
 
a:link {
 color: #4c1b21;
}
a:visited {
 color: #4c1b21;
}
 
a:active {
 color: #4c1b21;
}
 
a:hover {
 color: #CC0000;
}
 
 
J'aimerais cependant que sur un lien, un seul et unique lien, je puisse mettre une autre couleur,toujours la même, peu importe son statut (hover, active ect).
 
J'ai donc essayé ceci:
.joshus {
 font-size: 10px;
 color: #FFFFFF;
}
.joshus: hover {
 font-size: 10px;
 color: #FFFFFF;
}
 
          <p align="right" class="joshus">Une image gracieusement  
            offerte par <a href="http://www.joshushund.com" class="joshus">joshushund.com</a></p>
 
Cela ne fonctionne hélas pas et mon lien garde la couleur défini dans le CSS "a".
 
Merci d'avance.


Message édité par smilm le 11-07-2006 à 15:38:45

---------------
AfterEnd: Batissez un nouveau monde
mood
Publicité
Posté le 11-07-2006 à 15:35:23  profilanswer
 

n°1404725
mIRROR
Chevreuillobolchévik
Posté le 11-07-2006 à 15:52:50  profilanswer
 

Code :
  1. <p align="right" class="joshus">Une image gracieusement 
  2.             offerte par <a href="http://www.joshushund.com">joshushund.com</a></p>


 
 

Code :
  1. .joshus, .joshus a {
  2. font-size: 10px;
  3. color: #FFFFFF;
  4. }
  5. .joshus a:hover {
  6. font-size: 10px;
  7. color: #FFFFFF;
  8. }


n°1404730
smilm
Posté le 11-07-2006 à 15:56:14  profilanswer
 

Ah ok...Je comprends.
Merci beaucoup !


---------------
AfterEnd: Batissez un nouveau monde
n°1404739
Arjuna
Aircraft Ident.: F-MBSD
Posté le 11-07-2006 à 16:00:16  profilanswer
 

Code :
  1. <html>
  2. <head>
  3.  <title>Liens</title>
  4.  <style rel="stylesheet" type="text/css" media="all">
  5.   a, a:link
  6.   {
  7.    color: red;
  8.   }
  9.   a:hover
  10.   {
  11.    color: purple;
  12.   }
  13.   a:active, a:visited
  14.   {
  15.    color: pink;
  16.   }
  17.   a.exception, a.exception:hover, a.exception:visited, a.exception:link
  18.   {
  19.    color: green;
  20.   }
  21.  </style>
  22. </head>
  23. <body>
  24.  <p>
  25.   Ceci est un <a href="http://www.google.com/?a=1" title="lien1">lien</a><br/>
  26.   Un autre <a href="http://www.devguru.com/?a=1" title="lien2">lien</a><br/>
  27.   Cas particulier de <a href="http://www.w3schools.com/?a=1" title="lien3" class="exception">lien</a><br/>
  28. </body>
  29. </html>


Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

  "Exception CSS" sur un lien

 

Sujets relatifs
[Résolu]Problème de CSS avec FirefoxZone réactive de lien d'une image : hors de l'image
Pb de lien sous masqueBug CSS > Bas de page
fonction dans un lien phpcodeur CSS
CSS : changer le backgound d'un autre bloc au survol et au clicpblm de lien php avec un include
HTML : faire un lien direct vers une page précise d'un PDFProblème au survol d'un lien dans un div
Plus de sujets relatifs à : "Exception CSS" sur un lien


Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR