: bilo koja veza - CSS-trikovi

Anonim

:any-linkPseudo-klase u CSS daje postupak za odabir elemenata koji su izvor sidro hipervezu.

Ako pojam izvor sidro vas izgubio, to je ime sviđa za href atribut na HTML elemenata , a . (Zašto bih trebao ciljati CSS ili u CSS-u, to je izvan mene, ali hej.) HTML specifikacija ima puno više informacija o tome.

Element koji prihvaća i sadrži hrefatribut je hiperveza i bit će odabran s :any-link. Ovo postaje praktičan način odabira svih HTML elemenata koji se temelje na vezama, a koji bi u protivnom mogli izgledati nepovezani i bez dodirivanja oznaka. Možda postoji jer možda mislite da :linkbi odabrali sve poveznice, ali promašuje :visited, pa ih ovo sve zbraja.

Funkcionalno, to je baš poput selektora atributa (href).

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

Vrijedno je napomenuti da bismo također mogli odabrati iste HTML elemente koristeći :matches()pseudo-klasu. Na primjer, :matches(:link, :visited)odabrat će iste elemente kao :any-link.

Još jedna stvar koju treba napomenuti je da specifikacija trenutno traži alternativne prijedloge imena za ovaj birač u vrijeme ovog pisanja. Iako nije jasno hoće li se ime promijeniti, :matches()pseudo-klasa je prethodno imenovana :any()što bi moglo biti indikacija.

Podrška preglednika

:any-linkPseudo-element smatra Eksperimentalna značajka i dio selektora Razina 4 specifikaciji, koji je trenutno u radu nacrt status.

Za potpunu podršku želite ga koristiti s prefiksom:

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

I ne zaboravite da te selektore ne razdvajate zarezom da bi ih kombinirali, jer preglednici bacaju selektore s dijelovima koje ne razumiju.

Podrška preglednika

Podaci o podršci preglednika potječu iz tvrtke Caniuse, koja sadrži više detalja. Broj označava da preglednik podržava značajku u toj verziji i novijoj.

Radna površina

Krom Firefox IE Rub Safari
15 * 3 * Ne 79 6,1 *

Mobitel / tablet

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

Povezano

  • :link
  • :matches()
  • :visited

Više informacija

  • Specifikacije selektora nivoa 4 (radni nacrt)
  • Mozilla dokumentacija