Indice | Anterior
Quítame esas rayas
No, esto no tiene nada que ver con las drogas. Sencllamente, para
mostrarte cómo funcionan las pseudo-clases, vamos
a explicar cómo quitar esos subrayados de los enlaces (que
sigo sin entender por qué odiáis tanto).
En un ejemplo anterior definimos una clase personalizada:
.enlace, que decía así:
.enlaces { FONT-SIZE: 11px; COLOR: #003399; FONT-FAMILY:
Arial; TEXT-DECORATION: none }
y que alicaríamos a los enlaces de la siguiente
manera:
<A class="enlaces" HREF="pagina_de_destino.htm">texto</A>
En la definición del estilo, veréis
que utilizamos la siguiente declaración:
TEXT-DECORATION: none
Esto quitó el subrayado de los enlaces. La
norma a:hover usa la pseudo-clase "hover" para
cambiar la apariencia de nuestro enlace cuando el ratón lo
"sobrevuela". (porque utiliza la declaración
TEXT-DECORATION: underline
No cambiaría el color ni haría nada más, simplemente
conseguir que aparezca el subrayado al poner el ratón en
encima.
Haya varias pseudo-clases en la especificación
CSS1, pero las más conocidas son las relacionadas con la
etiqueta <A>:
a:link { color: red } /* un enlace no visitado*/
A:visited { color: blue } /* enlace visitado */
A:active { color: lime } /* enlace activo */
la pseudo-clase a.hover (ratón encima
del enlace) fue añadida en la especificación CSS2
(y por ello Netscape 4.x no la soporta). Tened cuidado al utilizar
la característica de no subrayar los enlaces y no abusad
de ella, ya que la gente sigue esperando encontrar sus enlaces con
subrayado. Podría suceder que ni siquiera adivinnara que
es un enlace.
Indice
| Anterior
|