: odkaz - Triky CSS | Almanach CSS 2025

:linkVolič je pseudo-trieda, ktorá sa týka všetkých unvisited kotva ( ) prvky na stránke.

a:link ( color: aquamarine; )

Vyššie uvedený príklad zmení farbu všetkých nenavštívených odkazov na akvamarín.

Pri použití v kombinácii s :hoverpseudo-triedou :linkmusia byť zobrazené ako prvé, inak musia byť definované vôbec, aby :hoverštýly fungovali. Je to tak preto, lebo sú rovnako špecifické, takže ak :linkprídu potom, tieto štýly by mali prednosť pred štýlmi vznášania.

:linkPseudo-class sa zameria na všetky elementy, ktoré majú hrefatribút, a to aj v prípade, že hrefmá prázdnu hodnotu. Takže v tomto zmysle je to ako selektor atribútov (href).

To znamená, že nasledujúce tri prvky HTML je možné štýlovať pomocou :linkpseudotriedy:

CSS-Tricks CSS-Tricks CSS-Tricks

Tretím príkladom vo vyššie uvedenom bloku kódu by však bolo neplatné HTML.

Existujú iba tri prvky HTML, ktoré prijímajú na hrefatribút: , a . Iba prvok je možné štylizovať prostredníctvom :linkpseudotriedy.

hrefAtribút tiež nemôžete pridať k inému typu prvku a vytvoriť ho štýlovo pomocou :link. Inými slovami, ak ste mali nasledujúci kód HTML:

 CSS-Tricks

Nasledujúce CSS by nemali žiadny vplyv:

div:link ( color: aquamarine; )

HTML by opäť zlyhalo pri overovaní, pretože hrefto nie je platný atribút pre .

Vzhľadom na to, že je :linkmožné zacieliť iba na prvky, :linkštýly je možné definovať v CSS bez selektora typu prvku, napríklad takto:

:link ( color: aquamarine; )

Pre všetky praktické účely pri používaní HTML je :linkpseudotrieda do istej miery irelevantná, pretože rovnaký efekt je možné dosiahnuť jednoduchým priamym zacielením na všetky prvky:

a ( color: aquamarine; )

Ak však na stránke existujú prvky, ktoré nemajú nastavený hrefatribút (napríklad na starších stránkach, ktoré používali ), vyššie uvedený kód by zacielil tiež na tieto prvky, a nemusí to byť požadovaný výsledok.

Je tiež potrebné zdôrazniť, že počnúc CSS2 môžu iné jazyky dokumentov (okrem HTML) definovať ďalšie prvky okrem kotiev, ktoré je možné štylizovať pomocou :linkpseudotriedy.