: mikä tahansa linkki - CSS-temppuja

Anonim

:any-linkNäennäisluokka CSS tarjoaa menetelmän, jolla valitaan elementtejä, jotka ovat peräisin ankkuri hyperlinkin.

Jos termi lähde ankkuri kadonnut teille, se on hieno nimi href määrite HTML-elementit , ja . (Miksi sinun pitäisi kohdistaa CSS: ään tai on CSS: ssä, on minusta poissa, mutta hei.) HTML-spesifikaatiossa on paljon enemmän tietoa siitä.

hrefMääritteen hyväksyvä ja sisältävä elementti on hyperlinkki, ja se valitaan :any-link. Tästä tulee kätevä tapa valita kaikki linkkipohjaiset HTML-elementit, jotka saattavat muuten näyttää etuyhteydettömiltä ja koskettamatta merkintää. Ehkä se on olemassa, koska luulet voivasi :linkvalita kaikki linkit, mutta se puuttuu :visited, joten tämä kietoo ne kaikki yhteen.

Toiminnallisesti se on aivan kuten määritteen valitsin (href).

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

On syytä huomata, että voisimme myös valita samat HTML-elementit :matches()pseudoluokan avulla. Esimerkiksi :matches(:link, :visited)valitsee samat elementit kuin :any-link.

Toinen huomioitava asia on, että asiantuntija pyytää tällä hetkellä vaihtoehtoisia nimiehdotuksia tälle valitsimelle tämän kirjoituksen aikana. Vaikka on epäselvää, muuttuuko nimi, :matches()pseudoluokka nimettiin aiemmin, :any()mikä voisi olla osoitus.

Selaimen tuki

:any-linkPseudo-elementti pidetään kokeellinen ominaisuus ja on osa valitsimet Taso 4 selityksessä, joka on tällä hetkellä työskentelee luonnostilassa.

Täyden tuen saamiseksi haluat käyttää sitä etuliitteenä:

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

Muista, ettet erota pilkkuja valitsimista niiden yhdistämiseksi, koska selaimet heittävät valitsimia osiin, joita he eivät ymmärrä.

Selaimen tuki

Nämä selaintukitiedot ovat Caniuselta, jolla on tarkempia tietoja. Numero osoittaa, että selain tukee ominaisuutta kyseisessä versiossa tai uudemmassa.

Työpöytä

Kromi Firefox IE Reuna Safari
15 * 3 * Ei 79 6,1 *

Matkapuhelin / tabletti

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

Liittyvät

  • :link
  • :matches()
  • :visited

Lisää tietoa

  • Selektorien tason 4 eritelmä (työluonnos)
  • Mozilla-dokumentaatio