: linkki - CSS-temppuja

Anonim

:linkValitsin 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ä :hovernäennäisluokan kanssa, niiden :linkon ilmestyttävä ensin tai niitä ei pidä määritellä lainkaan :hover. Tämä johtuu siitä, että ne ovat yhtä spesifisiä, joten jos ne :linktulisivat jälkeen, ne tyylit ohittavat leijuttamistyylit.

:linkPseudo-luokan kohdistaa kaikkiin elementtejä, jotka on hrefattribuutti, vaikka hrefon 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 hrefmäärite: , ja . Vain elementti voidaan muotoilla pseudoluokan kautta :link.

Et myöskään voi lisätä hrefattribuuttia 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 hrefse ei ole kelvollinen attribuutti kohteelle .

Koska :linkvain elementteihin voidaan kohdistaa , :linktyylit voidaan määrittää CSS: ssä ilman elementtityypin valitsinta, kuten tämä:

:link ( color: aquamarine; )

HTML-koodia käytettäessä :linkpseudoluokalla 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 hrefmää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 :linknä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