:any-linkPseudo-klasy w CSS dostarcza sposób wybierając elementy, które są kotwica źródłem hiperłącza.
Jeśli termin kotwica źródłowa Cię zgubił, jest to fantazyjna nazwa href atrybutu w elementach HTML , a . (Dlaczego musisz kierować reklamy na CSS lub w CSS jest poza mną, ale hej). Specyfikacja HTML zawiera o wiele więcej informacji na ten temat.
Element, który akceptuje i zawiera hrefatrybut, jest hiperłączem i zostanie wybrany za pomocą :any-link. Staje się to wygodnym sposobem wybierania wszystkich elementów HTML opartych na odsyłaczach, które w innym przypadku mogłyby wydawać się niepowiązane i bez dotykania znaczników. Być może istnieje, ponieważ mogłoby się wydawać, :linkże wybierze wszystkie linki, ale pomija :visited, więc to łączy je wszystkie razem.
Funkcjonalnie przypomina selektor atrybutu (href).
Howdy!:any-link ( color: red; font-weight: 900; text-decoration: none; )Warto zauważyć, że mogliśmy również wybrać te same elementy HTML za pomocą :matches()pseudoklasy. Na przykład :matches(:link, :visited)wybierze te same elementy, co :any-link.
Inną rzeczą wartą uwagi jest to, że specyfikacja prosi obecnie o sugestie alternatywnych nazw dla tego selektora w czasie pisania tego tekstu. Chociaż nie jest jasne, czy nazwa się zmieni, :matches()pseudoklasa została wcześniej nazwana, :any()co może być wskazówką.
Wsparcie przeglądarki
:any-linkPseudoelement to funkcja eksperymentalne i część specyfikacji selektory Poziom 4, który jest obecnie w stanie pracy projektu.
Aby uzyskać pełne wsparcie, chcesz go użyć z prefiksem:
:-webkit-any-link ( ) :-moz-any-link ( ) :any-link ( )I pamiętaj, aby nie oddzielać tych selektorów przecinkami, aby je połączyć, ponieważ przeglądarki podrzucają selektory z częściami, których nie rozumieją.
Wsparcie przeglądarki
Te dane dotyczące obsługi przeglądarek pochodzą od Caniuse, który zawiera więcej szczegółów. Liczba wskazuje, że przeglądarka obsługuje tę funkcję w tej wersji i nowszych.
Pulpit
| Chrom | Firefox | TO ZNACZY | Brzeg | Safari |
|---|---|---|---|---|
| 15 * | 3 * | Nie | 79 | 6,1 * |
Telefon komórkowy / tablet
| Android Chrome | Android Firefox | Android | iOS Safari |
|---|---|---|---|
| 88 | 85 | 4,4 * | 6,0-6,1 * |
Związane z
:link:matches():visited
Więcej informacji
- Specyfikacja selektorów poziomu 4 (wersja robocza)
- Dokumentacja Mozilli