CSS2 Test Suite: 5.10 Pseudo-Class Combinations

[index page] [section] [Previous] [Next] [Specification]

The style declarations contained within this page:

.cl1 a:hover {background-color: yellow; color: red;}
.cl2 a:link:hover {background-color: yellow; color: red;}
.cl3 a:hover:link {background-color: yellow; color: red;}
.cl4 a:visited:hover {background-color: yellow; color: red;}
.cl5 a:hover:visited {background-color: yellow; color: red;}
.cl6 :link:hover {background-color: yellow; color: red;}
.cl7 :hover:link {background-color: yellow; color: red;}
.cl8 :visited:hover {background-color: yellow; color: red;}
.cl9 :hover:visited {background-color: yellow; color: red;}
.cl10 a:active {background-color: yellow; color: green;}
.cl11 a:link:active {background-color: yellow; color: green;}
.cl12 a:active:link {background-color: yellow; color: green;}
.cl13 a:visited:active {background-color: yellow; color: green;}
.cl14 a:active:visited {background-color: yellow; color: green;}
.cl15 :link:active {background-color: yellow; color: green;}
.cl16 :active:link {background-color: yellow; color: green;}
.cl17 :visited:active {background-color: yellow; color: green;}
.cl18 :active:visited {background-color: yellow; color: green;}


Note: Before beginning, ensure that this link has been visited, and this link has not.

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

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

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

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

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

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

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

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

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


[cl10] You should see active effects on both these links: link, visited

[cl11] You should see active effects on only the "link": link, visited

[cl12] You should see active effects on only the "link": link, visited

[cl13] You should see active effects on only the "visited": link, visited

[cl14] You should see active effects on only the "visited": link, visited

[cl15] You should see active effects on only the "link": link, visited

[cl16] You should see active effects on only the "link": link, visited

[cl17] You should see active effects on only the "visited": link, visited

[cl18] You should see active effects on only the "visited": link, visited


[index page] [section] [Previous] [Next] [Specification]