The purpose of this test is to make sure that there aren't any browsers that support :active on links using the incorrect method that don't support the correct method. The active effect on all tests should be green on yellow.
The tests applied here are the following.
.one a:active { background-color: yellow; color: green; } .two a:link:active { background-color: yellow; color: green; } .three a:active:link { background-color: yellow; color: green; } .four a:visited:active { background-color: yellow; color: green; } .five a:active:visited { background-color: yellow; color: green; } .six :link:active { background-color: yellow; color: green; } .seven :active:link { background-color: yellow; color: green; } .eight :visited:active { background-color: yellow; color: green; } .nine :active:visited { background-color: yellow; color: green; }
To start off, this link should be visited and this link should be unvisited.
You should see active effects on both these links: link, visited
You should see active effects on only the "link": link, visited
You should see active effects on only the "link": link, visited
You should see active effects on only the "visited": link, visited
You should see active effects on only the "visited": link, visited
You should see active effects on only the "link": link, visited
You should see active effects on only the "link": link, visited
You should see active effects on only the "visited": link, visited
You should see active effects on only the "visited": link, visited
(Back to CSS Testing Information, David Baron)