68 lines
1.8 KiB
HTML
68 lines
1.8 KiB
HTML
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
|
|
<html>
|
|
<head>
|
|
<title>:hover pseudo-class</title>
|
|
<style type="text/css">p:hover { background-color : lime }
|
|
a:hover { background-color : lime }
|
|
|
|
tr:hover { background-color : green }
|
|
td:hover { background-color : lime }
|
|
|
|
table { border-spacing: 5px; }</style>
|
|
<link rel="first" href="css3-modsel-1.html" title="Groups of selectors">
|
|
<link rel="prev" href="css3-modsel-17.html" title=":visited pseudo-class">
|
|
<link rel="next" href="css3-modsel-18b.html" title=":hover pseudo-class">
|
|
<link rel="last" href="css3-modsel-d5e.html" title="NEGATED :indeterminate with :checked">
|
|
<link rel="up" href="./index.html">
|
|
<link rel="top" href="../../index.html">
|
|
</head>
|
|
<body>
|
|
<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>
|
|
</body>
|
|
</html> |