:link
Selectorul este un pseudo-clasă , care vizează toate ancora nevizitate ( ) elemente pe o pagină.
a:link ( color: aquamarine; )
Exemplul de mai sus va schimba culoarea tuturor linkurilor nevizitate către acvamarin.
Când este utilizat în combinație cu :hover
pseudo-clasa, :link
trebuie să apară mai întâi sau altfel să nu fie deloc definit, pentru ca :hover
stilurile să funcționeze. Acest lucru se datorează faptului că sunt la fel de specifice, așa că, dacă :link
ar urma, stilurile respective ar înlocui stilurile de plutire.
:link
Pseudo-clasa va viza toate elementele care au un
href
atribut, chiar dacă href
are o valoare goală. Deci, în acest sens, este ca selectorul de atribute (href)
.
Aceasta înseamnă că următoarele trei elemente HTML pot fi stilizate prin intermediul :link
pseudo-clasei:
CSS-Tricks CSS-Tricks CSS-Tricks
Cu toate acestea, al treilea exemplu din blocul de cod de mai sus ar fi HTML nevalid.
Există doar trei elemente HTML care acceptă href
atributul: ,
și
. Numai
elementul poate fi stilizat prin intermediul
:link
pseudo-clasei.
De asemenea, nu puteți adăuga href
atributul la un alt tip de element și să-l faceți stilabil prin intermediul :link
. Cu alte cuvinte, dacă ați avea următorul HTML:
CSS-Tricks
Următoarele CSS nu ar avea efect:
div:link ( color: aquamarine; )
Din nou, HTML ar eșua validarea, deoarece href
nu este un atribut valid pentru
.
Datorită faptului că :link
poate viza doar elemente,
:link
stilurile pot fi definite în CSS fără selectorul de tip de element, astfel:
:link ( color: aquamarine; )
De asemenea, pentru toate scopurile practice atunci când se utilizează HTML, :link
pseudo-clasa este oarecum irelevantă, deoarece același efect poate fi obținut prin simpla direcționare directă a tuturor elementelor:
a ( color: aquamarine; )
Cu toate acestea, dacă există elemente pe pagină care nu au
href
atributul setat (de exemplu, pe paginile vechi utilizate ), codul de mai sus ar viza aceste elemente și acest lucru ar putea să nu fie rezultatul dorit.
De asemenea, trebuie subliniat faptul că, începând cu CSS2, alte limbaje ale documentelor (în afară de HTML) pot defini alte elemente, în afară de ancore, care pot fi stilizate prin :link
pseudo-clasă.
Suport pentru browser
Crom | Safari | Firefox | Operă | IE | Android | iOS |
---|---|---|---|---|---|---|
Orice | Orice | Orice | Orice | Orice | Orice | Orice |