: orice-link - CSS-Tricks

Anonim

:any-linkPseudo-clasa în CSS oferă o metodă pentru selectarea elementelor care sunt sursa de ancora un hyperlink.

În cazul în care ancora sursa pe termen ai pierdut, e un nume fantezist pentru href atributul pe elementele HTML , și . (De ce ați avea nevoie să vizați un sau în CSS este dincolo de mine, dar hei.) Specificațiile HTML conțin mult mai multe informații despre asta.

Un element care acceptă și conține un hrefatribut este un hyperlink și va fi selectat cu :any-link. Acesta devine un mod la îndemână de a selecta toate elementele HTML bazate pe linkuri care altfel ar putea să pară fără legătură și fără a atinge marcajul. Poate că există, deoarece s- :linkar putea să credeți că ar selecta toate link-urile, dar ratează :visited, așa că le încheie pe toate.

Funcțional, este la fel ca selectorul de atribute (href).

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

Este demn de remarcat faptul că am putea selecta aceleași elemente HTML folosind :matches()pseudo-clasa. De exemplu, :matches(:link, :visited)va selecta aceleași elemente ca și :any-link.

Un alt lucru de remarcat este că specificația solicită în prezent sugestii de nume alternative pentru acest selector în momentul scrierii. Deși nu este clar dacă numele se va schimba, :matches()pseudo-clasa a fost denumită anterior, :any()ceea ce ar putea fi o indicație.

Suport pentru browser

:any-link-Elementul pseudo este considerat o funcție experimentală și face parte din caietul de sarcini Căutători de nivel 4, care este în prezent în lucru proiectul de stare.

Pentru asistență completă, doriți să îl utilizați prefixat:

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

Și nu uitați să nu separați acei selectoare pentru a le combina, deoarece browserele aruncă selectoare cu părți pe care nu le înțeleg.

Suport pentru browser

Aceste date de asistență pentru browser provin de la Caniuse, care are mai multe detalii. Un număr indică faptul că browserul acceptă funcția în versiunea respectivă și în sus.

Desktop

Crom Firefox IE Margine Safari
15 * 3 * Nu 79 6.1 *

Mobil / Tabletă

Android Chrome Android Firefox Android Safari iOS
88 85 4.4 * 6.0-6.1 *

Legate de

  • :link
  • :matches()
  • :visited

Mai multe informatii

  • Specificații nivel 4 selectoare (schiță de lucru)
  • Documentație Mozilla