:any-linkPseudotrieda CSS poskytuje spôsob selekcie prvky, ktoré sú zdrojom kotva hypertextový odkaz.
Ak vás termín zdroj kotva stratená, to je názov fantázia pre href atribút na prvky HTML , a . (Prečo by ste potrebovali zacieliť na alebo v CSS je mimo mňa, ale hej.) Špecifikácia HTML má o tom oveľa viac informácií.
Prvok, ktorý prijíma a obsahuje hrefatribút, je hypertextový odkaz a bude vybraný pomocou :any-link. Toto je praktický spôsob výberu všetkých prvkov HTML založených na odkazoch, ktoré by sa inak mohli javiť ako nesúvisiace a bez toho, aby ste sa dotkli označenia. Možno existuje, pretože by ste si mysleli, že :linkby vybral všetky odkazy, ale chýba :visited, takže ich všetky spája dohromady.
Funkčne je to ako selektor atribútov (href).
Howdy!:any-link ( color: red; font-weight: 900; text-decoration: none; )Stojí za zmienku, že rovnaké prvky HTML by sme mohli zvoliť aj pomocou :matches()pseudotriedy. Napríklad :matches(:link, :visited)vyberie rovnaké prvky ako :any-link.
Ďalšia vec, ktorú treba poznamenať, je, že špecifikácia v súčasnosti žiada o alternatívne návrhy názvov pre tento selektor v čase písania tohto článku. Aj keď nie je jasné, či sa názov zmení, :matches()pseudotrieda bola pôvodne pomenovaná, :any()čo by mohlo byť indikáciou.
Podpora prehľadávača
:any-linkPseudo-prvok je považovaná za experimentálne funkcie a je súčasťou špecifikácie voliča Stupeň 4, ktorý je v súčasnej dobe v pracovnom stave konceptu.
Pre úplnú podporu by ste ju chceli použiť s predponou:
:-webkit-any-link ( ) :-moz-any-link ( ) :any-link ( )Nezabudnite tieto selektory neoddeľovať čiarkami, aby ste ich skombinovali, pretože prehliadače hádžu selektory s časťami, ktorým nerozumejú.
Podpora prehľadávača
Údaje o podpore tohto prehľadávača sú od spoločnosti Caniuse, ktorá obsahuje viac podrobností. Číslo označuje, že prehliadač podporuje túto funkciu v danej verzii alebo vyššej.
Desktop
| Chrome | Firefox | IE | Hrana | Safari |
|---|---|---|---|---|
| 15 * | 3 * | Nie | 79 | 6,1 * |
Mobil / tablet
| Android Chrome | Android Firefox | Android | iOS Safari |
|---|---|---|---|
| 88 | 85 | 4,4 * | 6,0-6,1 * |
Súvisiace
:link:matches():visited
Viac informácií
- Špecifikácia selektorov úrovne 4 (pracovný koncept)
- Dokumentácia Mozilla