While carefully coding a web site template by hand I couldn't figure out why my "a:hover" selector wasn't working. I Googled it and came across this website that explains that order matters in CSS…
Note: a:hover MUST come after a:link and a:visited in the CSS definition in order to be effective!!Note: a:active MUST come after a:hover in the CSS definition in order to be effective!!
Coding is hard.