:hover pseudo-class on links

:hover pseudo-class on links Ian Hickson CSS 3 Module W3C Selectors Next :hover pseudo-class Previous :hover pseudo-class Test # 26 of 296 Testing :hover pseudo-class on links ID 18a Date 2004-02-29 Revision 1.0 User interaction is required for this test.

The background color of this anchor (here) should turn to green when the pointing device hovers over it.

The background color of this anchor (here) should remain green when you hover it.

The background color of this anchor (here) should remain green when the pointing device hovers over it (do not follow that link).

p { color: navy; } .a a:hover { background: green; color: white; } .b a:hover { background: red; color: yellow; } .b a:link { background: green; color: white; } .c :link { background: green; color: white; } .c :visited:hover { background: red; color: yellow; } The background color of <a href="#foo">this anchor (here)</a> should turn to green when the pointing device hovers over it. The background color of <a href="#foo">this anchor (here)</a> should remain green when you hover it. The background color of <a href="http://link.example.com/">this anchor (here)</a> should remain green when the pointing device hovers over it (do not follow that link).