Den :any-linkpseudo-klassen i CSS tilveiebringer en fremgangsmåte for å velge elementer som er kilden ankeret i en hyperlink.
Hvis begrepet kildeanker mistet deg, er det et fancy navn for href attributtet på HTML-elementene , og . (Hvorfor du trenger å målrette mot en eller i CSS er utenfor meg, men hei.) HTML-spesifikasjonen har mye mer informasjon om det.
Et element som godtar og inneholder et hrefattributt er en hyperkobling og vil bli valgt med :any-link. Dette blir en praktisk måte å velge alle lenkebaserte HTML-elementer som ellers kan virke urelaterte og uten å berøre markeringen. Kanskje det eksisterer fordi du kanskje tror :linkville velge alle koblinger, men det savner :visited, så dette pakker dem alle sammen.
Funksjonelt er det akkurat som attributtvelgeren (href).
Howdy!:any-link ( color: red; font-weight: 900; text-decoration: none; )Det er verdt å merke seg at vi også kunne velge de samme HTML-elementene ved hjelp av :matches()pseudoklassen. Vil for eksempel :matches(:link, :visited)velge de samme elementene som :any-link.
En annen ting å merke seg er at spesifikasjonen for øyeblikket ber om alternative navneforslag for denne velgeren når dette skrives. Selv om det er uklart om navnet vil endres, ble :matches()pseudoklassen tidligere kalt, :any()noe som kan være en indikasjon.
Nettleserstøtte
Den :any-linkpseudo-element er ansett som en prøvefunksjon og er en del av velgere Level 4-spesifikasjonen, som nå er i arbeids utkast status.
For full støtte vil du bruke den foran:
:-webkit-any-link ( ) :-moz-any-link ( ) :any-link ( )Og husk å ikke kommaseparere disse velgerne for å kombinere dem, ettersom nettlesere kaster velgerne med deler de ikke forstår.
Nettleserstøtte
Disse nettleserstøttedataene er fra Caniuse, som har flere detaljer. Et tall indikerer at nettleseren støtter funksjonen i den versjonen og oppover.
Desktop
| Chrome | Firefox | DVS | Kant | Safari |
|---|---|---|---|---|
| 15 * | 3 * | Nei | 79 | 6,1 * |
Mobil / nettbrett
| Android Chrome | Android Firefox | Android | iOS Safari |
|---|---|---|---|
| 88 | 85 | 4,4 * | 6,0-6,1 * |
I slekt
:link:matches():visited
Mer informasjon
- Selectors nivå 4 spesifikasjon (arbeidsutkast)
- Mozilla-dokumentasjon