: katera koli povezava - CSS-triki

Anonim

:any-linkPsevdo-razred v CSS zagotavlja postopek za izbiro elementov, ki so vir sidro hiperpovezave.

Če vas izraz vir sidro izgubljeno, da je ime izmišljeno za href atribut elementov HTML , in . (Zakaj bi morali ciljati na CSS ali v CSS, se mi ne zdi, ampak hej.) Specifikacija HTML vsebuje veliko več informacij o tem.

Element, ki sprejema in vsebuje hrefatribut, je hiperpovezava in bo izbran z :any-link. To postane priročen način za izbiro vseh elementov HTML, ki temeljijo na povezavah in ki bi sicer lahko izgledali nepovezani, ne da bi se dotaknili oznake. Morda obstaja, ker bi morda mislili, da :linkbi izbrali vse povezave, vendar jih pogreša :visited, zato jih vse skupaj zavije.

Funkcionalno je tako kot izbirnik atributov (href).

Howdy!
:any-link ( color: red; font-weight: 900; text-decoration: none; )

Omeniti velja, da bi lahko z uporabo :matches()psevdo-razreda izbrali tudi iste elemente HTML . Na primer, :matches(:link, :visited)bo izbral enake elemente kot :any-link.

Še ena stvar, ki jo je treba omeniti, je, da specifikacija trenutno v času pisanja zahteva predloge za alternativna imena tega izbirnika. Čeprav ni jasno, ali se bo ime spremenilo, je bil :matches()psevdorazred prej poimenovan, :any()kar bi lahko pomenilo.

Podpora za brskalnik

:any-linkPsevdoelement velja poskusna funkcija in je del specifikacije Izbirniki ravni 4, ki je trenutno v delovni osnutek status.

Za popolno podporo bi jo radi uporabili s predpono:

:-webkit-any-link ( ) :-moz-any-link ( ) :any-link ( )

In ne pozabite, da tistih izbirnikov ne ločite z vejico, da jih kombinirate, saj brskalniki premešajo izbirnike z deli, ki jih ne razumejo.

Podpora za brskalnik

Ti podatki o podpori brskalnika so od Caniuse, ki vsebuje več podrobnosti. Številka pomeni, da brskalnik podpira to funkcijo v tej različici ali novejši.

Namizje

Chrome Firefox IE Rob Safari
15 * 3 * Ne 79 6,1 *

Mobilni / tablični računalnik

Android Chrome Android Firefox Android iOS Safari
88 85 4,4 * 6,0-6,1 *

Sorodno

  • :link
  • :matches()
  • :visited

Več informacij

  • Specifikacije izbirnikov 4. stopnje (delovni osnutek)
  • Mozilla dokumentacija