: link - CSS-Tricks | Almanach CSS 2025

:linkSelektor jest pseudoklasa skierowanym wszystkie nieodwiedzonych kotwicę ( ) elementów na jednej stronie.

a:link ( color: aquamarine; )

Powyższy przykład zmieni kolor wszystkich nieodwiedzonych linków na akwamaryn.

Używane w połączeniu z :hoverpseudoklasą :link, aby :hoverstyle działały , muszą pojawić się jako pierwsze lub nie mogą być w ogóle zdefiniowane . Dzieje się tak, ponieważ są one równie specyficzne, więc gdyby :linkpojawiły się później, te style zastąpiłyby style po aktywowaniu.

:linkPseudo-klasa będzie kierować wszystkie elementy, które mają hrefatrybut, nawet jeśli hrefma pustą wartość. W tym sensie jest to selektor atrybutu (href).

Oznacza to, że za pomocą :linkpseudoklasy można stylizować wszystkie następujące trzy elementy HTML :

CSS-Tricks CSS-Tricks CSS-Tricks

Trzeci przykład w powyższym bloku kodu byłby jednak nieprawidłowym kodem HTML.

Istnieją tylko trzy elementy HTML, które akceptują hrefatrybut: , , i . Tylko element może być stylizowany za pośrednictwem :linkpseudoklasy.

Nie można również dodać hrefatrybutu do innego typu elementu i nadać mu styl poprzez :link. Innymi słowy, gdybyś miał następujący kod HTML:

 CSS-Tricks

Poniższy kod CSS nie miałby żadnego efektu:

div:link ( color: aquamarine; )

Ponownie, kod HTML nie przejdzie weryfikacji, ponieważ hrefnie jest prawidłowym atrybutem dla .

Ze względu na fakt, że :linkmoże on obejmować tylko elementy, :linkstyle można definiować w CSS bez selektora typu elementu, na przykład:

:link ( color: aquamarine; )

Ponadto ze względów praktycznych podczas używania HTML :linkpseudoklasa jest nieco nieistotna, ponieważ ten sam efekt można osiągnąć, po prostu kierując bezpośrednio na wszystkie elementy:

a ( color: aquamarine; )

Jeśli jednak na stronie znajdują się elementy, które nie mają hrefustawionego atrybutu (na przykład na starszych stronach, które były używane ), powyższy kod będzie dotyczył również tych elementów, a to może nie być pożądanym wynikiem.

Należy również zwrócić uwagę, że począwszy od CSS2, inne języki dokumentu (poza HTML) mogą definiować inne elementy, poza kotwicami, które mogą być stylizowane za pomocą :linkpseudoklasy.