Pseudo classes test 2

The purpose of this test is to make sure that there aren't any browsers that support :hover on links using the incorrect method that don't support the correct method. The hover effect on all tests should be red on yellow.

The tests applied here are the following.

.one a:hover { background-color: yellow; color: red; }
.two a:link:hover { background-color: yellow; color: red; }
.three a:hover:link { background-color: yellow; color: red; }
.four a:visited:hover { background-color: yellow; color: red; }
.five a:hover:visited { background-color: yellow; color: red; }
.six :link:hover { background-color: yellow; color: red; }
.seven :hover:link { background-color: yellow; color: red; }
.eight :visited:hover { background-color: yellow; color: red; }
.nine :hover:visited { background-color: yellow; color: red; }

To start off, this link should be visited and this link should be unvisited.

You should see hover effects on both these links: link, visited

You should see hover effects on only the "link": link, visited

You should see hover effects on only the "link": link, visited

You should see hover effects on only the "visited": link, visited

You should see hover effects on only the "visited": link, visited

You should see hover effects on only the "link": link, visited

You should see hover effects on only the "link": link, visited

You should see hover effects on only the "visited": link, visited

You should see hover effects on only the "visited": link, visited


Valid HTML 4.0!

(Back to CSS Testing Information, David Baron)

LDB, dbaron@dbaron.org