a: focus - Mejorando la navegabilidad
En estos tiempos de mejoras y pruebas sobre el blog, he encontrado en el blog Armonia un artículo interesantes sobre la pseudo clase focus de CSS.
Yo, hasta ahora sabía que la apariencia de los enlaces se podía definir según:
a - Apariencia que tiene el enlace cuando lo vemos por primera vez.
a:visited - Apariencia que tiene una vez lo hemos visitado
a:hover - Apariencia que tiene cuando tenemos el ratón sobre el enlace.
Pues bien, resulta ser que existe otra pseudo clase llamada :focus para cuando no situamos sobre el enlace sin utilizar el ratón. Por ejemplo, utilizando el tabulador del teclado como comenta el artículo.
He probado para ver que tal iba, definiendo los mismos estilos para a:hover y a:focus y… ZAS! Genial! El comportamiento es el mismo.
Uno nunca se va a dormir sin aprender nada nuevo…

2 Comentarios por lo menos ...
Todavía te falta una pseudoclase más, active. Que supuestamente funciona en el momento de hacer click en el vínculo.
Comentario publicado el 30 Agosto 2005 02:18 pmAl final uno no sabe que hacer con tantas pseudoclases, si se utilizan todas, y todas tienen un aspecto distinto, parecería una discoteca, je je.
Tienes razón Gonzalo. Grácias por el apunte. Ya he añadido esta pseudoclase al CSS de 1Blog+. Además, he leido en este artículo de W3CSchools que a:active tiene que ir después de a:hover para que sea efectivo.
Comentario publicado el 30 Agosto 2005 09:18 pm