There is a css declaration order for this to work properly as was mentioned earlier, although it didn't cover this particular option, it does make a difference. I've tested this on Chrome.

The order is

  • a:link { color: red; }
  • a:visited { color: blue; }
  • a:visited:hover { color: yellow; }
  • a:hover { color: green; }
  • a:active { color: gray; }

It will work whether it comes before or after a:hover as long as both a:hover and a:visited:hover are after a:visited and before a:active. I just prefer to keep the two visited links together and the two hovers together.



There is a css declaration order for this to work properly as was mentioned earlier, although it didn't cover this particular option, it does make a difference. I've tested this on Chrome.

The order is

  • a:link { color: red; }
  • a:visited { color: blue; }
  • a:visited:hover { color: yellow; }
  • a:hover { color: green; }
  • a:active { color: gray; }

It will work whether it comes before or after a:hover as long as both a:hover and a:visited:hover are after a:visited and before a:active. I just prefer to keep the two visited links together and the two hovers together.