Axel Richter: Link bei Mausover unterstrichen

Beitrag lesen

Hallo,

a:link.linkB12{...}
a:visited.linkB12{...}
a:active.linkB12{...}
a:hover.linkB12{...}

Andreasrum ist's besser:
a.linkB12:hover
Element.Classselector:Pseudoformat

Hi Luke
Mir war nicht bekannt, dass man z.B. a:hover für jeden Link einzeln definieren kann?!? Bei welchen Browsern seite welcher Version funktionert denn das??

Gegenfrage:
In welchem Browser funktioniert das nicht?

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
        "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Links</title>
<style type="text/css">
<!--
a {text-decoration:none; color:black; background-color:white;}
a.l1:hover {text-decoration:overline;}
a.l2:hover {text-decoration:underline;}
a#i1:hover {color:red;}
a#i2:hover {background-color:red;}
-->
</style>
</head>
<body >
<a class="l1" href="#">Link 1</a>
<a class="l2" href="#">Link 2</a>
<a id="i1" href="#">Link 3</a>
<a id="i2" href="#">Link 4</a>
</body>
</html>

viele Grüße

Axel