:link
Selektor je pseudo-klase koja cilja sve unvisited sidro ( ) elemenata na stranici.
a:link ( color: aquamarine; )
Gornji primjer promijenit će boju svih ne posjećenih veza do akvamarina.
Kada se koristi u kombinaciji s :hover
pseudo-klasom, :link
mora se pojaviti prvi ili ga uopće ne treba definirati kako bi :hover
stilovi mogli funkcionirati. To je zato što su podjednako specifični, pa bi, ako bi :link
došli poslije, ti stilovi nadjačali stilove lebdenja.
:link
Pseudo-klasa će ciljati sve elemente koji imaju
href
atribut, čak i ako href
ima praznu vrijednost. Dakle, u tom smislu to je poput selektora atributa (href)
.
To znači da se sljedeća tri HTML elementa mogu oblikovati putem :link
pseudo-klase:
CSS-Tricks CSS-Tricks CSS-Tricks
Treći primjer u gornjem bloku koda, međutim, bio bi nevaljani HTML.
Postoje samo tri HTML elementi koji prihvaćaju href
atribut: ,
i
. Samo se
element može oblikovati putem
:link
pseudo-klase.
Također, ne možete dodati href
atribut drugoj vrsti elementa i učiniti ga stilski sposobnim putem :link
. Drugim riječima, ako ste imali sljedeći HTML:
CSS-Tricks
Sljedeći CSS ne bi imao učinka:
div:link ( color: aquamarine; )
Ponovno, HTML neće uspjeti u provjeri valjanosti, jer href
nije valjani atribut za
.
S obzirom na činjenicu da :link
mogu ciljati samo elemente,
:link
stilovi se mogu definirati u CSS-u bez birača vrste elemenata, poput ovog:
:link ( color: aquamarine; )
Također, za sve praktične svrhe pri korištenju HTML-a :link
pseudo-klasa je pomalo irelevantna jer se isti učinak može postići jednostavnim izravnim ciljanjem svih elemenata:
a ( color: aquamarine; )
Međutim, ako na stranici postoje elementi koji nemaju
href
postavljeni atribut (na primjer, na naslijeđenim stranicama koje su se koristile ), gornji kôd ciljao bi i te elemente, a to možda neće biti željeni rezultat.
Također treba naglasiti da, počevši od CSS2, drugi jezici dokumenata (osim HTML-a) mogu definirati i druge elemente, osim sidara, koji se mogu oblikovati putem :link
pseudo-klase.
Podrška preglednika
Krom | Safari | Firefox | Opera | IE | Android | iOS |
---|---|---|---|---|---|---|
Bilo koji | Bilo koji | Bilo koji | Bilo koji | Bilo koji | Bilo koji | Bilo koji |