Dynamic Pseudo-Classes on links

This should be an unvisited link (don't select it) and this should be a visited link. The unvisited link should have white on a dark blue background, and the visited link should be yellow on a dark green background.

When you select a link, it should become active and the :active pseudo-class should apply. Active links should change their background-color to gray, but they should not change their foreground-color to red. Test it here:

When the pointer hovers over a link, selectors with :hover should apply. Hover links should change their background-color to maroon, but they should not change their foreground-color to red. Test it here:

When a link has keyboard focus, the :focus pseudo-class should apply. Focus links should change their background-color to aqua, but they should not change their foreground-color to red. Test it here:


Valid HTML 4.0!

(Back to CSS Testing Information, David Baron)

LDB, dbaron@dbaron.org