Den :any-link
pseudo klass i CSS tillhandahåller en metod för att välja element som är källan ankare för en hyperlänk.
Om termen käll ankare förlorade dig, det är ett fantasinamn för href
attribut på HTML-element ,
och
. (Varför du skulle behöva rikta in dig på en
eller
i CSS är bortom mig, men hej.) HTML-specifikationen har mycket mer information om det.
Ett element som accepterar och innehåller ett href
attribut är en hyperlänk och väljs med :any-link
. Detta blir ett praktiskt sätt att välja alla länkbaserade HTML-element som annars kan vara orelaterade och utan att röra markeringen. Kanske finns det för att du tror att :link
skulle välja alla länkar, men det missar :visited
, så det här slår samman dem alla.
Funktionellt är det precis som attributväljaren (href)
.
Howdy!
:any-link ( color: red; font-weight: 900; text-decoration: none; )
Det är värt att notera att vi också kan välja samma HTML-element med hjälp av :matches()
pseudoklassen. Till exempel :matches(:link, :visited)
kommer att välja samma element som :any-link
.
En annan sak att notera är att specifikationen för närvarande frågar efter alternativa förslag på namn för denna väljare när detta skrivs. Även om det är oklart om namnet kommer att ändras, :matches()
namngavs pseudoklassen tidigare :any()
vilket kan vara en indikation.
Webbläsarstöd
Den :any-link
pseudo-elementet vara en experimentell funktion och är en del av väljarna Nivå 4 specifikationen som för närvarande arbetar utkast status.
För fullt stöd vill du använda det prefix:
:-webkit-any-link ( ) :-moz-any-link ( ) :any-link ( )
Och kom ihåg att inte kommaseparera dessa väljare för att kombinera dem, eftersom webbläsare kastar väljare med delar som de inte förstår.
Webbläsarstöd
Denna webbläsares supportdata kommer från Caniuse, som har mer detaljer. Ett nummer indikerar att webbläsaren stöder funktionen i den versionen och uppåt.
Skrivbord
Krom | Firefox | IE | Kant | Safari |
---|---|---|---|---|
15 * | 3 * | Nej | 79 | 6,1 * |
Mobil / surfplatta
Android Chrome | Android Firefox | Android | iOS Safari |
---|---|---|---|
88 | 85 | 4,4 * | 6,0-6,1 * |
Relaterad
:link
:matches()
:visited
Mer information
- Selectors Level 4 Specification (Working Draft)
- Mozilla-dokumentation