@@Edgar Ehritt:
nuqneH
... ja so in etwas hab ich mir das vorgestellt. Im IE geht's leider nicht.
Nicht nur, dass er CSS 3 nicht versteht, auch mit "inherit" kann er nichts anfangen.
hier könnte man auf expression zurückgreifen. Gunnar hat dazu interessantes zusammengestellt.
Könnte man, ist hier aber wenig sinnvoll. CSS-Expressions werden aber auch nur bei aktiviertem JavaScript ausgewertet. Und mit JavaScript kann man es auch einfacher haben:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<title>TEST</title>
<style type="text/css">
[code lang=css]a
{
color: black;
text-decoration: none;
}
a#difference-button
{
background: ButtonFace;
border-top: 1px solid ButtonHighlight;
border-right: 1px solid ButtonShadow;
border-bottom: 1px solid ButtonShadow;
border-left: 1px solid ButtonHighlight;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
color: ButtonText !important;
text-decoration: inherit !important;
padding: 2px;
}
.difference a,
:target a
{
color: blue;
text-decoration: underline;
}
</style>
</head>
<body id="difference">
<p>foo <a href="http://example.net" onclick="document.body.className += 'difference'; return false;
">bar</a> baz</p>
<p><a id="difference-button" href="#difference">Vive la différence</a></p>
</body>
</html>[/code]
Obwohl die Klasse schon wieder anders heißt, ist die Lösung immer noch dieselbe.
Die Sache mit :target dient noch als Fallback, wenn JavaScript nicht ausgeführt wird. (Ist ja auch nicht wirklich schön, wenn dabei an den Seitenanfang gesprungen wird.)
Qapla'
Alle Menschen sind klug. Die einen vorher, die anderen nachher. (John Steinbeck)