A :link
választó egy álosztály , amely az oldal összes meg nem látogatott horgony ( ) elemét megcélozza .
a:link ( color: aquamarine; )
A fenti példa megváltoztatja az összes nem látogatott akvamarin link színét.
Az :hover
ál-osztállyal kombinálva :link
a :hover
stílusok működése érdekében először meg kell jelennie, különben nem kell meghatározni . Ez azért van, mert egyformán specifikusak, így ha :link
ezek után jönnének, akkor ezek a stílusok felülírnák a lebegő stílusokat.
Az :link
ál-osztály minden elemet megcéloz, amelyek rendelkeznek
href
attribútummal, még akkor is, ha az href
értéke üres. Tehát ebben az értelemben olyan, mint az attribútumválasztó (href)
.
Ez azt jelenti, hogy a következő három HTML elem mind az :link
ál-osztályon keresztül stílusozható:
CSS-Tricks CSS-Tricks CSS-Tricks
A fenti kódblokk harmadik példája azonban érvénytelen HTML lenne.
Már csak három HTML elemeket, amelyek elfogadják az href
attribútum: ,
és
. Csak az
elem stílusolható az álosztályon keresztül
:link
.
Ezenkívül nem adhatja hozzá az href
attribútumot egy másik típusú elemhez, és stílusossá teheti azt :link
. Más szavakkal, ha a következő HTML-t használta:
CSS-Tricks
A következő CSS-nek nincs hatása:
div:link ( color: aquamarine; )
Ismét a HTML nem lenne képes érvényesítését, mivel href
nem érvényes attribútum
.
Annak a ténynek köszönhetően, hogy :link
csak elemeket célozhat
:link
meg, a CSS- ben stílusok definiálhatók az elemtípus-választó nélkül , így:
:link ( color: aquamarine; )
Ezenkívül a HTML használatakor minden gyakorlati célból az :link
álosztály kissé irreleváns, mivel ugyanez a hatás érhető el az összes elem egyszerű célzásával :
a ( color: aquamarine; )
Ha azonban van olyan elem az oldalon, amelynek nincs
href
megadva az attribútum (például a használt régebbi oldalakon ), akkor a fenti kód ezeket az elemeket is megcélozza, és ez nem biztos, hogy a kívánt eredmény.
Arra is ki kell hívni a figyelmet, hogy a CSS2-től kezdődően más dokumentumnyelvek (a HTML-en kívül) a horgonyokon kívül más elemeket is meghatározhatnak, amelyek az álosztályon keresztül :link
stílusozhatók.
Böngésző támogatás
Króm | Szafari | Firefox | Opera | AZAZ | Android | iOS |
---|---|---|---|---|---|---|
Bármi | Bármi | Bármi | Bármi | Bármi | Bármi | Bármi |