: bet kokia nuoroda - CSS-gudrybės

Anonim

:any-linkPseudo klasė CSS suteikia būdą pasirenkant elementus, kurie yra šaltinis inkaras hipersaitą.

Jei terminas šaltinis inkaro prarado jums, kad tai išgalvotas vardas, kad href atributą HTML elementų , ir . (Kodėl jums reikia orientuotis į arba CSS yra už mane, bet hey.) HTML specifikacija turi daug daugiau informacijos apie tai.

Elementas, kuris priima ir turi hrefatributą, yra hipersaitas ir bus pasirinktas su :any-link. Tai tampa patogiu būdu pasirinkti visus nuorodomis pagrįstus HTML elementus, kurie kitu atveju gali atrodyti nesusiję ir neliesti žymėjimo. Galbūt jis egzistuoja todėl, kad manote, :linkjog pasirinksite visas nuorodas, tačiau jis praleidžiamas :visited, todėl juos visus sujungia.

Funkciniu požiūriu tai yra kaip ir atributų parinkiklis (href).

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

Verta paminėti, kad tuos pačius HTML elementus taip pat galėtume pasirinkti naudodamiesi :matches()pseudo klase. Pavyzdžiui, :matches(:link, :visited)pasirinks tuos pačius elementus kaip :any-link.

Reikėtų atkreipti dėmesį į tai, kad šio rašymo metu specialistas šiuo metu prašo alternatyvių pavadinimų pasiūlymų šiam pasirinkikliui. Nors neaišku, ar pavadinimas pasikeis, :matches()pseudo klasė anksčiau buvo pavadinta, :any()o tai gali būti nuoroda.

Naršyklės palaikymas

:any-linkPseudo elementas laikomas eksperimentinis funkcija ir yra dalis 4 selektoriai lygio specifikacijos, kuris šiuo metu dirba statusą projektą.

Norėdami gauti visišką palaikymą, norėtumėte jį naudoti su priešdėliu:

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

Nepamirškite, kad neatskirkite tų selektorių kableliais, kad juos sujungtumėte, nes naršyklės meta selektorius su dalimis, kurių jie nesupranta.

Naršyklės palaikymas

Šie naršyklės palaikymo duomenys yra iš „Caniuse“, kuri turi daugiau informacijos. Skaičius rodo, kad naršyklė palaiko šios ir naujesnės versijos funkciją.

Darbalaukis

„Chrome“ „Firefox“ T.Y Briauna „Safari“
15 * 3 * Ne 79 6,1 *

Mobilusis / planšetinis kompiuteris

„Android Chrome“ „Android Firefox“ „Android“ „iOS Safari“
88 85 4,4 * 6,0–6,1 *

Susijęs

  • :link
  • :matches()
  • :visited

Daugiau informacijos

  • 4 lygio selektorių specifikacija (darbinis projektas)
  • „Mozilla“ dokumentacija