:any-linkPseudotřída CSS poskytuje způsob selekce prvky, které jsou zdrojem kotva hypertextový odkaz.
Pokud vás termín zdroj kotva ztracena, to je název fantazie pro href atribut na prvky HTML , a . (Proč byste se měli zaměřit na nebo v CSS je mimo mě, ale hej.) Specifikace HTML má o tom mnohem více informací.
Prvek, který přijímá a obsahuje hrefatribut, je hypertextový odkaz a bude vybrán pomocí :any-link. To se stane praktickým způsobem výběru všech prvků HTML založených na odkazech, které by jinak mohly vypadat nesouvisející a aniž by se dotkly označení. Možná existuje, protože si můžete myslet, že :linkby vybral všechny odkazy, ale chybí :visited, takže je všechny shrnuje dohromady.
Funkčně je to jako selektor atributů (href).
Howdy!:any-link ( color: red; font-weight: 900; text-decoration: none; )Stojí za zmínku, že bychom mohli také vybrat stejné prvky HTML pomocí :matches()pseudotřídy. Například :matches(:link, :visited)vybere stejné prvky jako :any-link.
Další věc, kterou je třeba poznamenat, je, že specifikace v době psaní tohoto článku aktuálně požaduje alternativní návrhy názvů pro tento selektor. I když není jasné, zda se název změní, :matches()pseudotřída byla dříve pojmenována, :any()což by mohlo být indikací.
Podpora prohlížeče
:any-linkPseudo-prvek je považována za experimentální funkce a je součástí specifikace voliče Stupeň 4, který je v současné době v pracovním stavu konceptu.
Chcete-li získat plnou podporu, měli byste ji použít s předponou:
:-webkit-any-link ( ) :-moz-any-link ( ) :any-link ( )A nezapomeňte tyto selektory oddělit čárkami, abyste je kombinovali, protože prohlížeče házejí selektory částmi, kterým nerozumí.
Podpora prohlížeče
Tato data podpory prohlížeče pocházejí z Caniuse, který obsahuje více podrobností. Číslo označuje, že prohlížeč podporuje tuto funkci v dané verzi a vyšší.
plocha počítače
| Chrome | Firefox | TJ | Okraj | Safari |
|---|---|---|---|---|
| 15 * | 3 * | Ne | 79 | 6,1 * |
Mobilní / Tablet
| Android Chrome | Android Firefox | Android | iOS Safari |
|---|---|---|---|
| 88 | 85 | 4,4 * | 6,0-6,1 * |
Příbuzný
:link:matches():visited
Více informací
- Specifikace úrovně 4 selektorů (pracovní koncept)
- Dokumentace Mozilla