Si eres uno de los que se ha peleado cientos de veces con los :hover de los enlaces HTML al aplicarle estilos, seguramente te interese saber que el inspector web de Chrome (en Safari no he encontrado la manera) dispone de una característica que permite editar estos estilos de manera muy simple.
Basta con pulsar sobre el botón en el que aparece un cursor en la parte superior derecha del inspector (“Toggle element state”). Una vez hecho clic, se nos desplegará una serie de opciones para elegir el estado del elemento: hover, focus, visited o active.
Con este pequeño truco podremos establecer mucho más fácilmente los estilos cuando pasamos el ratón sobre un elemento HTML.