CSS 3 Module | <== Test # ==> | |
---|---|---|
W3C Selectors | 17 of 78 | |
Testing | Date | Revision |
:hover pseudo-class (ID #18) | 03-november-2001 | 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>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>The background color of <a href="#foo">this anchor (here)</a> should turn to green when the pointing device hovers over it.</address> <table> <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>