Ich arbeite an einer Idee, wo meine a: Link einen Zustand (blau, keine Unterstreichung usw.) mit einem a: Hover weiß. Ich möchte, dass meine besuchten Links den gleichen Status wie a:link und a:hover haben. Ist das möglich? in den meisten gängigen Browsern unterstützt?Einstellung a: besuchte Link zum gleichen Zustand wie a: Link und a: Hover
So können Sie die a-Tags (normal und besucht) formatieren und den Hover separat formatieren.
a
{
color:#6c7492;
font-weight:bold;
text-decoration:none;
}
a:hover
{
border-bottom:1px solid #6c7492;
}
Wenn Sie diese Pseudoklassen verwenden, sehe ich nicht, warum nicht.
a:visited, a:hover {
...
}
a, a:link, a:hover, a:visited, a:active {text-decoration: none; color: blue;}
sollte auf allen CSS-fähigen Browsern funktionieren, obwohl dies eine bad idea (offline zur Zeit, Google Cache) ist
a:hover weiß zu machen, entweder aus der obigen Regel entfernen und eine besondere machen Regel dafür oder nur hinzufügen:
a:hover {color: white !important;}
Es ist durchaus möglich, wie sblundy darauf hinweist. Wenn Sie jedoch eine solche Regel erstellen, gibt es keinen Hinweis mehr, dass sich der Benutzer über einen zuvor besuchten Link bewegt.
Denken Sie auch daran, die Regeln in dieser Reihenfolge zu spezifizieren:
a:link { }
a:visited { }
a:hover { }
a:active { }
Andernfalls kann es zu unerwarteten Ergebnissen führen, weil alle diese Regeln die gleiche Spezifität haben. Die Reihenfolge ist wichtig.
EDIT: CSS2 ermöglicht die Verkettung von Pseudo-Klassen. Dies könnte verwendet werden, um das [potentielle] Usability-Problem zu beheben, das Ihre Anfrage erzeugt.
a:visited:hover { }
Allerdings weiß ich nicht, ob diese Konvention weit verbreitet ist.
Die Mnemonic ich wurde für das Erinnern gelehrt, welche Reihenfolge, um Ihre CSS-Links in "LoVe HAte": Link, besucht, Hover, aktiv.
Verkleben: Fokus ist in der Regel auch keine schlechte Idee.
Natürlich, wenn Sie alle Zustände eines Links gleich aussehen lassen, indem Sie Selektoren mit Kommas auflisten, dann spielt die Reihenfolge keine Rolle.