Pseudo classes test 3

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


Valid HTML 4.0!

(Back to CSS Testing Information, David Baron)

LDB, dbaron@dbaron.org