ESTADOS
Los enlaces en la web tienen diferentes estados, los flasheros pueden comprender esto como los estados de un botón (normal, sobre y presionado).Sin embargo los estados, se añaden con css usando las siguientes seudoclases:
| a:link { } | /* Estado normal */ |
|---|---|
| a:visited { } | /* Estado de ya cliqueado*/ |
| a::focus { } | Ni idea todavía |
| ;a:hover { } | /*Estado cuando se posa el mouse sobre el enlace (en móvil no tiene sentido) */ |
| a:active { } | /*Estado cuando se hace click sobre enlace, solo visible por unos momentos*/ |
Los que muchos no saben (y me incluía) es el orden en que se deben colocar en la hoja de estilos y es que por la características "cascadas" del CSS estos comando se sobreponen unos a otros causando interferencias si no se emplean en el orden que coloque anteriormente.
Quien me saco de la duda fue Ralph G. Shulz, demosle un like a su libro.
ERRORES CONOCIDOS y SUGERENCIAS
Bordes azul "fantasmas" /*Solo IE*/Como cosa rara, Internet Explorer añade a las imágenes en algunas versiones de su navegador un borde "fanstama". Yo lo soluciono simplemente colocando el selector universal (*) seguido por la etiqueta <img> dandole un border igual a 0 y none, aunque este ultimo solo debería bastar.
* img {border: 0 none;}
