Selektory#
Pseudokalsa hiperłącza odwiedzonego lub nieodwiedzonego#
:any-link { /* deklaracje */ }
Pseudoklasa :any-link
reprezentuje elementy, które są hiperłączami o dowolnym stanie, czyli takie, które byłyby wybierane za pomocą pseudoklasy :link
lub :visited
, co jest odpowiednikiem :matches(:link, :visited)
.
Wciąż trwa dyskusja, jaka nazwa ostatecznie wybrana zostanie dla tej pseudoklasy.
Prosty przykład:
<!DOCTYPE html>
<html>
<head>
<style>
.first:-moz-any-link {color: red;}
.first:-webkit-any-link {color: red;}
.first:any-link {color: red;}
.second:-moz-any(:link, :visited) {color: green;}
.second:-webkit-any(:link, :visited) {color: green;}
.second:matches(:link, :visited) {color: green;}
</style>
</head>
<body lang="pl">
<a><p>Odsyłacz powinien mieć kolor czarny (brak przypisanych stylów).</p></a>
<a class="first" href=""><p>Odsyłacz powinien mieć kolor czerwony (class="first" href="").</p></a>
<a class="first" href="https://www.google.pl"><p>Odsyłacz powinien mieć kolor czerwony (class="first" href="https://www.google.pl").</p></a>
<a class="second" href=""><p>Odsyłacz powinien mieć kolor zielony (class="second" href="").</p></a>
<a class="second" href="https://www.google.pl"><p>Odsyłacz powinien mieć kolor zielony (class="second" href="https://www.google.pl").</p></a>
</body>
</html>
Na chwilę obecną żadna aktualna przeglądarka nie obsługuje pseudoklasy :any-link
. Można przetestować prefiksowe polecenia :-moz-any-link
i -moz-any()
dla Firefoksa lub :-webkit-any-link
i -webkit-any()
dla Chrome, jak w powyższym przykładzie.
W ramach uzupełnienia warto zapoznać się z materiałami umieszczonymi w kursie HTML 4.01 (dział "Szkielet dokumentu - Kolor odsyłaczy").
Specyfikacje i inne materiały#
Pasek społecznościowy