"Exception CSS" sur un lien

"Exception CSS" sur un lien - HTML/CSS - Programmation

Marsh Posté le 11-07-2006 à 15:35:23    

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
Reply

Marsh Posté le 11-07-2006 à 15:35:23   

Reply

Marsh Posté le 11-07-2006 à 15:52:50    

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


Reply

Marsh Posté le 11-07-2006 à 15:56:14    

Ah ok...Je comprends.
Merci beaucoup !


---------------
AfterEnd: Batissez un nouveau monde
Reply

Marsh Posté le 11-07-2006 à 16:00:16    

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.   }
  10.   a:hover
  11.   {
  12.    color: purple;
  13.   }
  15.   a:active, a:visited
  16.   {
  17.    color: pink;
  18.   }
  20.   a.exception, a.exception:hover, a.exception:visited, a.exception:link
  21.   {
  22.    color: green;
  23.   }
  24.  </style>
  25. </head>
  26. <body>
  27.  <p>
  28.   Ceci est un <a href="http://www.google.com/?a=1" title="lien1">lien</a><br/>
  29.   Un autre <a href="http://www.devguru.com/?a=1" title="lien2">lien</a><br/>
  30.   Cas particulier de <a href="http://www.w3schools.com/?a=1" title="lien3" class="exception">lien</a><br/>
  31. </body>
  32. </html>

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed