Gustavo Ribeiro – Desenvolvedor Front-End

Como testar o estado :active e :hover do CSS no Firebug

Quando inspecionamos links, o Firebug nos mostra o estilo :link do CSS. Por default, o estilo :hover e o :active não são mostrados. Felizmente, podemos mudar o estado do link clicando em Estilo e selecionando a opção apropriada, como mostrado na imagem abaixo:

Feito isso, o CSS para o estado :hover e/ou :active irão magicamente aparecer em seu console.

Esse recurso é bastente útil, especialmente se você for debugar CSS complexos de menu drop-down e outros efeitos. Atualmente o Firebug é o único console de desenvolvimento que dá suporte ao recurso. Eventualmente ele apareceça também no Chrome e Safari.

Tem alguma outra dica útil para compartilhar?