:hover pseudo-class Daniel Glazman Ian Hickson CSS 3 Module W3C Selectors Next :active pseudo-class Test # 1 of 9 of the interactive tests category Testing :hover pseudo-class ID 18 Date 03-november-2001 Revision 1.1

The background color of this paragraph should turn to green when the mouse pointer hovers either its text (here) or its whitespace background, here:

The background color of this anchor (here) should turn to green when the pointing device hovers over it.
The cells in this table should go
green when you hover the pointing
device over them.
The rows in this table should go
dark green when the pointing device
is over the five pixel border spacing
and when it is over the cells.
Including blank: cells.
p:hover { background-color : lime } a:hover { background-color : lime } tr:hover { background-color : green } td:hover { background-color : lime } table { border-spacing: 5px; } <p xmlns="http://www.w3.org/1999/xhtml">The background color of this paragraph should turn to green when the mouse pointer hovers either its text (here) or its whitespace background, here:</p> <address xmlns="http://www.w3.org/1999/xhtml">The background color of <a href="#foo">this anchor (here)</a> should turn to green when the pointing device hovers over it.</address> <table xmlns="http://www.w3.org/1999/xhtml"> <tbody> <tr> <td>The cells in</td> <td>this table</td> <td>should go</td> </tr> <tr> <td>green when</td> <td>you hover</td> <td>the pointing</td> </tr> <tr> <td>device over</td> <td>them.</td> <td></td> </tr> <tr> <td>The rows in</td> <td>this table</td> <td>should go</td> </tr> <tr> <td>dark green</td> <td>when the</td> <td>pointing device</td> </tr> <tr> <td>is over the</td> <td>five pixel</td> <td>border spacing</td> </tr> <tr> <td>and when it is</td> <td>over the cells.</td> <td></td> </tr> <tr> <td>Including blank:</td> <td></td> <td>cells.</td> </tr> </tbody> </table>