:link
Valitsin on pseudo-luokka, joka on tarkoitettu kaikille avaamattoman ankkuri ( ) sivun elementeillä.
a:link ( color: aquamarine; )
Yllä oleva esimerkki muuttaa kaikkien käymättömien linkkien väriä akvamariiniin.
Kun tyylejä käytetään yhdessä :hover
näennäisluokan kanssa, niiden :link
on ilmestyttävä ensin tai niitä ei pidä määritellä lainkaan :hover
. Tämä johtuu siitä, että ne ovat yhtä spesifisiä, joten jos ne :link
tulisivat jälkeen, ne tyylit ohittavat leijuttamistyylit.
:link
Pseudo-luokan kohdistaa kaikkiin elementtejä, jotka on
href
attribuutti, vaikka href
on tyhjä arvo. Joten siinä mielessä se on kuin attribuuttien valitsin (href)
.
Tämä tarkoittaa, että seuraavat kolme HTML-elementtiä voidaan muotoilla pseudoluokan kautta :link
:
CSS-Tricks CSS-Tricks CSS-Tricks
Kolmas esimerkki yllä olevasta koodilohkosta olisi kuitenkin virheellinen HTML.
On vain kolme HTML-elementtien, jotka hyväksyvät href
määrite: ,
ja
. Vain
elementti voidaan muotoilla pseudoluokan kautta
:link
.
Et myöskään voi lisätä href
attribuuttia toisen tyyppiseen elementtiin ja tehdä siitä tyylikkään kautta :link
. Toisin sanoen, jos sinulla oli seuraava HTML:
CSS-Tricks
Seuraavalla CSS: llä ei olisi vaikutusta:
div:link ( color: aquamarine; )
Jälleen HTML: n vahvistus epäonnistuu, koska href
se ei ole kelvollinen attribuutti kohteelle
.
Koska :link
vain elementteihin voidaan kohdistaa ,
:link
tyylit voidaan määrittää CSS: ssä ilman elementtityypin valitsinta, kuten tämä:
:link ( color: aquamarine; )
HTML-koodia käytettäessä :link
pseudoluokalla ei myöskään ole merkitystä, koska sama vaikutus voidaan saavuttaa kohdistamalla kaikki elementit suoraan suoraan:
a ( color: aquamarine; )
Kuitenkin, jos sivulla on elementtejä, joille ei ole
href
määritetty määritettä (esimerkiksi käytetyille vanhoille sivuille ), yllä oleva koodi kohdistaisi myös nämä elementit, mikä ei ehkä ole toivottu tulos.
On myös huomattava, että CSS2: sta alkaen muut asiakirjan kielet (HTML: n lisäksi) voivat määritellä ankkureiden lisäksi muita elementtejä, jotka voidaan muotoilla :link
näennäisluokan kautta .
Selaimen tuki
Kromi | Safari | Firefox | Ooppera | IE | Android | iOS |
---|---|---|---|---|---|---|
Minkä tahansa | Minkä tahansa | Minkä tahansa | Minkä tahansa | Minkä tahansa | Minkä tahansa | Minkä tahansa |