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