: link - CSS-trikid | CSS-i almanahh 2025

:linkValijat on pseudo-klassi, mis hõlmab kõiki külastamata ankur ( ) elemendid lehel.

a:link ( color: aquamarine; )

Ülaltoodud näide muudab kõigi akvamariiniga külastamata linkide värvi.

Kasutades koos :hoverpseudoklassiga, :linkpeavad :hoverstiilid töötama kõigepealt või siis pole neid üldse määratletud . Selle põhjuseks on asjaolu, et need on võrdselt spetsiifilised, nii et kui :linkneed tuleksid järele, tühistaksid need stiilid hõljumisstiilid.

:linkPseudo-klassi suunata kõik elemendid, mis on hrefatribuut, isegi kui hrefon tühja väärtust. Nii et selles mõttes on see nagu atribuutide valija (href).

See tähendab, et :linkpseudoklassi kaudu saab kõiki kolme HTML-i elementi kujundada :

CSS-Tricks CSS-Tricks CSS-Tricks

Kolmas näide ülaltoodud koodiplokis oleks aga kehtetu HTML.

On ainult kolm HTML elemendid, mis aktsepteerib hrefatribuut , ja . Pseudoklassi kaudu saab kujundada ainult elementi :link.

Samuti ei saa te hrefatribuuti lisada teist tüüpi elementidele ja muuta selle kaudu stiilseks :link. Teisisõnu, kui teil oli järgmine HTML:

 CSS-Tricks

Järgmisel CSS-il ei oleks mingit mõju:

div:link ( color: aquamarine; )

Jällegi ei õnnestuks HTML-i valideerimine ebaõnnestuda, kuna hrefsee pole kehtiv atribuut domeenile .

Tulenevalt asjaolust, et :linksaab sihtida ainult elemente, :linksaab CSS-is stiilid määratleda ilma elemendi tüübi valijata järgmiselt:

:link ( color: aquamarine; )

HTML :link- i kasutamisel on pseudoklass kõigil praktilistel eesmärkidel mõnevõrra ebaoluline, kuna sama efekti saab saavutada lihtsalt kõigi elementide otse sihtimisega :

a ( color: aquamarine; )

Kui aga lehel on elemente, millel pole hrefatribuute seatud (näiteks kasutatud pärandlehtedel ), sihiks ülaltoodud kood ka neid elemente ja see ei pruugi olla soovitud tulemus.

Samuti tuleb märkida, et alates CSS2-st võivad muud dokumendikeeled (peale HTML-i) lisaks ankrutele määratleda ka teisi elemente, mida saab :linkpseudoklassi kaudu kujundada .