: link - CSS-trükkök

Anonim

A :linkvá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 :linka :hoverstí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 :linkezek 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 hrefattribú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 hrefattribútum: , és . Csak az elem stílusolható az álosztályon keresztül :link.

Ezenkívül nem adhatja hozzá az hrefattribú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 hrefnem érvényes attribútum .

Annak a ténynek köszönhetően, hogy :linkcsak elemeket célozhat :linkmeg, 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 hrefmegadva 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 :linkstí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