:any-linkPseido-klases CSS nodrošina metodi izvēloties elementus, kas ir avots enkurs hipersaiti.
Ja termins avots enkurs zaudēja jums, tas ir brīvi izvēlētu nosaukumu, lai href atribūta HTML elementiem , un . (Kāpēc jums vajadzētu mērķēt uz CSS vai CSS, ir ārpus manis, bet, hei.) HTML specifikācijā ir daudz vairāk informācijas par to.
Elements, kas pieņem un satur hrefatribūtu, ir hipersaite, un tas tiks atlasīts ar :any-link. Tas kļūst par ērtu veidu, kā atlasīt visus uz saitēm balstītos HTML elementus, kas citādi varētu šķist nesaistīti un nepieskarties marķējumam. Varbūt tas pastāv, jo jūs domājat, :linkka atlasīsit visas saites, taču tas pietrūkst :visited, tāpēc tas tos visus aptin.
Funkcionāli tas ir tāpat kā atribūtu atlasītājs (href).
Howdy!:any-link ( color: red; font-weight: 900; text-decoration: none; )Ir vērts atzīmēt, ka mēs varētu arī atlasīt tos pašus HTML elementus, izmantojot :matches()pseidoklasi. Piemēram, :matches(:link, :visited)atlasīs tos pašus elementus kā :any-link.
Vēl viena lieta, kas jāatzīmē, ir tāda, ka šī raksta sagatavošanas laikā šī specifikācija speciāli lūdz alternatīvus nosaukuma ieteikumus šim atlasītājam. Kaut arī nav skaidrs, vai nosaukums mainīsies, :matches()agrāk tika nosaukta pseidoklase, :any()kas varētu būt norāde.
Pārlūka atbalsts
:any-linkPseido-elements tiek uzskatīts eksperimentāla funkcija un tā ir daļa no 4 selektori līmeņa specifikācijas, kas pašlaik strādā statusu projektu.
Lai iegūtu pilnīgu atbalstu, vēlaties to izmantot ar prefiksu:
:-webkit-any-link ( ) :-moz-any-link ( ) :any-link ( )Atcerieties, ka šie atlasītāji nedrīkst atdalīt ar komatu, lai tos apvienotu, jo pārlūkprogrammas mētā selektorus ar daļām, kuras viņi nesaprot.
Pārlūka atbalsts
Šie pārlūka atbalsta dati ir no Caniuse, kurai ir sīkāka informācija. Cipars norāda, ka pārlūks atbalsta šo un jaunākās versijas funkciju.
Darbvirsma
| Chrome | Firefox | IE | Mala | Safari |
|---|---|---|---|---|
| 15 * | 3 * | Nē | 79 | 6,1 * |
Mobilais / planšetdators
| Android Chrome | Android Firefox | Android | iOS Safari |
|---|---|---|---|
| 88 | 85 | 4,4 * | 6,0–6,1 * |
Saistīts
:link:matches():visited
Vairāk informācijas
- Selektoru 4. līmeņa specifikācija (darba projekts)
- Mozilla dokumentācija