:link
Selektorius yra pseudo klasė, skirta visiems unvisited inkarą ( ) elementus puslapyje.
a:link ( color: aquamarine; )
Aukščiau pateiktas pavyzdys pakeis visų neaplankytų nuorodų į akvamariną spalvą.
Naudojant kartu su :hover
pseudo klase, jis :link
turi pasirodyti pirmas arba visai neapibrėžtas, kad :hover
stiliai veiktų. Taip yra todėl, kad jie yra vienodai specifiniai, taigi, jei jie :link
atsirastų, šie stiliai nepaisytų užvedimo stilių.
:link
Pseudo klasė nukreipti visus elementus, kurie turi
href
atributą, net jei href
turi tuščią reikšmę. Taigi ta prasme tai panašu į atributų parinkiklį (href)
.
Tai reiškia, kad šiuos tris HTML elementus galima sukurti naudojant :link
pseudo klasę:
CSS-Tricks CSS-Tricks CSS-Tricks
Tačiau trečiasis aukščiau minėto kodo bloko pavyzdys būtų netinkamas HTML.
Yra tik trys HTML elementai, kurie priima į href
atributą: ,
ir
. Tik pseudo klase
galima sukonstruoti elementą
:link
.
Be to, negalite pridėti href
atributo prie kito tipo elemento ir padaryti jį tinkamu per stilių :link
. Kitaip tariant, jei turite šį HTML:
CSS-Tricks
Ši CSS neturės jokio poveikio:
div:link ( color: aquamarine; )
Vėlgi, HTML nepavyktų patvirtinti, nes href
tai nėra tinkamas atributas
.
Atsižvelgiant į tai, kad :link
galima taikyti tik pagal elementus,
:link
stilius CSS galima apibrėžti be elemento tipo parinkiklio:
:link ( color: aquamarine; )
Be to, visais praktiniais tikslais, kai naudojamas HTML, :link
pseudo klasė yra šiek tiek nesvarbi, nes tą patį efektą galima pasiekti tiesiog tiesiogiai nukreipiant visus elementus:
a ( color: aquamarine; )
Tačiau jei puslapyje yra elementų, kurių
href
atributas nenustatytas (pvz., Senuose puslapiuose, kuriuose naudota ), aukščiau pateiktas kodas taip pat bus nukreiptas į tuos elementus, ir tai gali būti ne norimas rezultatas.
Taip pat reikia pažymėti, kad, pradedant CSS2, kitos dokumentų kalbos (be HTML) gali apibrėžti kitus elementus, be inkarų, kuriuos galima suformuoti per :link
pseudoklasę.
Naršyklės palaikymas
„Chrome“ | „Safari“ | „Firefox“ | Opera | T.Y | „Android“ | „iOS“ |
---|---|---|---|---|---|---|
Bet koks | Bet koks | Bet koks | Bet koks | Bet koks | Bet koks | Bet koks |