Antigo Handle Ankin de Lord Vader – Link Pseudo-classes

Devido à forma como a cascata CSS funciona, se :focuspreceder :hover, os estilos de foco irão substituir os estilos de foco .

Em ambos os casos, os :activeestilos não parecem funcionar enquanto o elemento está em foco.

Aqui está uma demonstração do codepen.io para ver o efeito que a ordem das regras tem sobre como os estilos são aplicados.

Mais informações: página de referência do Sitepoint nas classes pseduo