Imagen Header Un Blog Mas Jordi Abad

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

Comentario publicado el 30 agosto 2005 02:18 pm

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
(required)
(will not be published) (required)
(opitional)

Suscripción

Categorías

Cifras

  • 725 artículos
  • 2,574 comentarios
  • 1,074 usuarios
  • 67 enlaces