: povezava - CSS-triki

Anonim

:linkIzbirno psevdo-razreda, ki cilja na vse neobiskane sidro ( ) elemente na strani.

a:link ( color: aquamarine; )

Zgornji primer bo spremenil barvo vseh neobiskanih povezav do akvamarina.

Če se uporablja v kombinaciji s :hoverpsevdorazredom, se :linkmora najprej pojaviti ali pa sploh ne biti definiran, da bodo :hoverslogi lahko delovali. To je zato, ker so enako specifični, zato bi :linkti slogi , če bi prišli pozneje, preglasili lebdeče sloge.

:linkPseudo-class bodo ciljali na vse elemente, ki imajo hrefatribut, tudi če hrefima prazno vrednost. Torej je v tem smislu kot izbirnik atributov (href).

To pomeni, da je mogoče naslednje tri elemente HTML oblikovati prek :linkpsevdorazreda:

CSS-Tricks CSS-Tricks CSS-Tricks

Tretji primer v zgornjem bloku kode pa bi bil neveljaven HTML.

Obstajajo le tri HTML elementi, ki sprejemajo na hrefatribut: , , in . Samo element je mogoče oblikovati prek :linkpsevdo-razreda.

Prav tako ne morete dodati hrefatributa drugi vrsti elementa in ga narediti s pomočjo :link. Z drugimi besedami, če bi imeli naslednji HTML:

 CSS-Tricks 

Naslednji CSS ne bi imel učinka:

div:link ( color: aquamarine; )

HTML spet ne bi mogel preveriti, ker hrefni veljaven atribut za .

Ker :linklahko ciljajo samo na elemente, :linkje mogoče sloge v CSS definirati brez izbirnika vrste elementa, kot je ta:

:link ( color: aquamarine; )

Za vse praktične namene pri uporabi HTML je :linkpsevdorazred nekoliko nepomemben, saj lahko isti učinek dosežemo s preprostim ciljanjem na vse elemente:

a ( color: aquamarine; )

Če pa so na strani elementi, ki nimajo hrefnastavljenega atributa (na primer na starejših straneh, ki so bile uporabljene ), bi zgornja koda ciljala tudi na te elemente, kar morda ni želeni rezultat.

Prav tako je treba poudariti, da lahko, začenši s CSS2, drugi jeziki dokumentov (poleg HTML-ja) poleg sidrišč določajo še druge elemente, ki jih je mogoče oblikovati prek :linkpsevdo-razreda.

Podpora za brskalnik

Chrome Safari Firefox Opera IE Android iOS
Kaj Kaj Kaj Kaj Kaj Kaj Kaj