Due to the way the CSS cascade works, if
: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