nickriviera: Probleme mit Pseudoelementen

Beitrag lesen

SELF-Forum

Probleme mit Pseudoelementen

nickriviera
– Informationen zu den Bewertungsregeln

noch ein paar Bemerkungen :

Die richtige Reihenfolge der Pseudoformate habe ich in der html-Datei natürlich eingehalten, auch wenn sie in meiner Problembeschreibung vielleicht verkehrt stehen.

Wenn ich das selfhtml-Beispiel 1:1 in eine Datei kopiere, und bei :link für font-weight normal eintrage, funktioniert es auch nicht. Besuchte links werden dann ebenfalls mit font-weight normal dargestellt, auch wenn der style bei :visited als bold angegeben ist - ich habe es gerade noch mal ausprobiert.

Generell ist es meiner meinung nach eine Unsitte in Foren, wenn jemand eine inhaltliche Frage stellt, und sich anschließend Leute melden, die den Sinn in Frage stellen und an der Rechtschreibung rumnölen . Das mit dem Sinn habe ich mit dem Kunden bereits diskutiert, im Moment lassen wir es einfach schon deshalb sein, weil es ja nicht funktioniert. Mich interessiert die Frage aber generell - wieso funktionieren bestimmte Styles bei :visited, und andere nicht, obwohl sie bei :hover einwandfrei funktionieren ?

Zum Nachvollziehen kann jeder das folgende Beispiel in eine html-Datei kopieren ( Originalbeispiel aus selfhtml ) :

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html><head><title>:link, :visited, :focus, :hover, :active</title>
<style type="text/css">
a:link { font-weight:bold; color:blue; text-decoration:none; }
a:visited { font-weight:bold; color:silver; text-decoration:none; }
a:focus { font-weight:bold; color:red; text-decoration:underline; }
a:hover { font-weight:bold; color:green; text-decoration:none; }
a:active { font-weight:bold; color:lime; text-decoration:underline; }

h1:focus { background-color:red; }
h1:hover { background-color:silver; }
h1:active { background-color:green; }
</style>
</head><body>

<h1>Bekannte Suchdienste</h1>
<p>
<a href="http://de.yahoo.com/">Yahoo! (Verzeichnis)</a><br>
<a href="http://www.google.de/">Google (Suchmaschine)</a><br>
<a href="http://web.de/">Web.de (Verzeichnis)</a><br>
<a href="http://www.multimeta.de/">Multimeta (Meta-Suchmaschine)</a>
</p>

</body></html>

Bei diesem Beispiel werden die Link-Texte wunderschön fett dargestellt, weil sie alle als bold angegeben sind .

Ändert man jetzt bei a:link den Style font-weight auf normal , funktioniert hover weiterhin einwandfrei , visited wird aber dargestellt wie link , nämlich normal . Dies gilt auch für andere Styles wie font-size oder text-decoration . Sicher funktioniert nur color und background .

So, ich hoffe, ich habe mich jetzt etwas verständlicher ausgedrückt.

Danke für Eure Hilfe und Gruß Frank

Beitrag melden
–
Informationen zu den Bewertungsregeln