Last Updated: February 25, 2016
· barnettjw

Lord Vader's Former Handle Ankin - Link Pseudo-classes


Due to the way the CSS cascade works, if :focus precedes :hover, the hover styles will override focus styles.

In either case, :active styles don't appear to work while the element has focus.

Here's a demo on codepen.io to see the effect that the order of rules, has on how the styles are applied.

More Info: Sitepoint reference page on pseduo classes