CSS 3 Module <== Test # ==>
W3C Selectors 1 of 15 of the interactive tests category
Testing Date Revision
:hover pseudo-class (ID #18) 03-november-2001 1.1

NOTE: User interaction is required for this test.

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 (here).
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 here, 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 (<strong>here</strong>) or its whitespace background, <strong>here</strong>:</p>
<address>The background color of <a href="#foo">this anchor (<strong>here</strong>)</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 (<strong>here</strong>).</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 <strong>here</strong>,</td>
   <td></td>
   <td>blank cells.</td>
  </tr>
 </tbody>
</table>