Página 1 de 1

Problema con links en CSS

NotaPublicado: 2013-02-08 13:15 @594
por BigBear
Tengo el siguiente código:

Sintáxis: [ Descargar ] [ Ocultar ]
Using css Syntax Highlighting
  1. a:link {
  2. text-decoration:none;
  3. color:#33ff00;
  4. }
  5. a:visited {
  6. color:#33ff00;
  7. }
  8. a:hover {
  9. color:#33ff00;
  10. }
  11.  
  12. #color {
  13. color:black;
  14. }
Coloreado en 0.002 segundos, usando GeSHi 1.0.8.4


La idea es que todos los links tengan ese color pero necesito hacer una excepción con uno para que en vez de verde este negro. El problema es que aunque use "id=color" o "class=color" en el link "<a href=" , la diferencia no aparece.

También intenté poniendo "font color" antes del link que quiero cambiar pero tampoco funciona.
Lo peor es que esta idea sí funciona en Google Chrome pero no en Firefox.

¿ Alguien sabe cómo hacer la excepción ?

Re: Problema con links en CSS

NotaPublicado: 2013-02-08 15:16 @678
por explorer
Sintáxis: [ Descargar ] [ Ocultar ]
Using html4strict Syntax Highlighting
  1. <html>
  2. <head>
  3. <style type="text/css">
  4.         a {      
  5.                 text-decoration:none;
  6.                 color: red;
  7.         }
  8.         a:visited {
  9.                 color: green;
  10.         }
  11.         a:hover, a#color:hover {
  12.                 color: #33ff00;
  13.         }
  14.         a#color {
  15.                 color: black;
  16.         }
  17. </style>
  18. </head>  
  19. <body>  
  20. <a href="#">Prueba</a></br>
  21. <a href="http://www.google.com/">Google</a></br>
  22. <a href="#" id="color">Especial</a></br>
  23. </body>
  24. </html>
Coloreado en 0.002 segundos, usando GeSHi 1.0.8.4

También puedes dejarlo como '#color { ... }' para aplicar a otro id que se llame color, pero en ese caso es mejor definir una clase.