: οποιοσδήποτε σύνδεσμος - CSS-Κόλπα

Anonim

Η :any-linkψευδο-κλάση στο CSS παρέχει μια μέθοδο για την επιλογή στοιχείων που είναι η αγκύρωση προέλευσης ενός υπερσυνδέσμου.

Εάν η άγκυρα όρος πηγή χάσατε, αυτό είναι ένα όνομα φανταχτερό για το href χαρακτηριστικό σχετικά με τα στοιχεία HTML , και . (Γιατί θα πρέπει να στοχεύσετε ένα ή σε CSS είναι πέρα ​​από εμένα, αλλά hey.) Η προδιαγραφή HTML έχει πολύ περισσότερες πληροφορίες σχετικά με αυτό.

Ένα στοιχείο που αποδέχεται και περιέχει ένα hrefχαρακτηριστικό είναι ένας υπερσύνδεσμος και θα επιλεγεί με :any-link. Αυτό γίνεται ένας εύχρηστος τρόπος επιλογής όλων των στοιχείων HTML που βασίζονται σε συνδέσμους που διαφορετικά θα φαίνονται άσχετα και χωρίς να αγγίζουν τη σήμανση. Ίσως υπάρχει επειδή νομίζετε ότι :linkθα επιλέξει όλους τους συνδέσμους, αλλά λείπει :visited, οπότε όλα αυτά τα περιβάλλουν.

Λειτουργικά, είναι ακριβώς όπως ο επιλογέας χαρακτηριστικών (href).

Howdy!
:any-link ( color: red; font-weight: 900; text-decoration: none; )

Αξίζει να σημειωθεί ότι θα μπορούσαμε επίσης να επιλέξουμε τα ίδια στοιχεία HTML χρησιμοποιώντας την :matches()ψευδο-τάξη. Για παράδειγμα, :matches(:link, :visited)θα επιλέξει τα ίδια στοιχεία όπως :any-link.

Ένα άλλο πράγμα που πρέπει να σημειωθεί είναι ότι η προδιαγραφή ζητά επί του παρόντος εναλλακτικές προτάσεις ονομάτων για αυτόν τον επιλογέα κατά τη στιγμή αυτής της γραφής. Αν και δεν είναι σαφές εάν το όνομα θα αλλάξει, η :matches()ψευδο-τάξη ονομάστηκε στο παρελθόν :any()που θα μπορούσε να είναι ένδειξη.

Υποστήριξη προγράμματος περιήγησης

Το :any-linkψευδο-στοιχείο θεωρείται ένα πειραματικό χαρακτηριστικό και αποτελεί μέρος της προδιαγραφής Επιλεκτικό Επίπεδο 4, η οποία βρίσκεται σε κατάσταση πρόχειρης εργασίας.

Για πλήρη υποστήριξη θα θέλατε να το χρησιμοποιήσετε προθέματα:

:-webkit-any-link ( ) :-moz-any-link ( ) :any-link ( )

Και θυμηθείτε να μην διαχωρίζετε με κόμμα αυτούς τους επιλογείς για να τους συνδυάσετε, καθώς τα προγράμματα περιήγησης πετούν τους επιλογείς με μέρη που δεν καταλαβαίνουν.

Υποστήριξη προγράμματος περιήγησης

Αυτά τα δεδομένα υποστήριξης του προγράμματος περιήγησης προέρχονται από την Caniuse, η οποία έχει περισσότερες λεπτομέρειες. Ένας αριθμός υποδεικνύει ότι το πρόγραμμα περιήγησης υποστηρίζει τη λειτουργία σε αυτήν την έκδοση και νεότερη.

Επιφάνεια εργασίας

Χρώμιο Firefox ΙΕ Ακρη Σαφάρι
15 * 3 * Οχι 79 6.1 *

Κινητό / Tablet

Android Chrome Android Firefox Android iOS Safari
88 85 4.4 * 6.0-6.1 *

Σχετιζομαι με

  • :link
  • :matches()
  • :visited

Περισσότερες πληροφορίες

  • Επιλογή επιπέδου 4 Προδιαγραφή (Προσχέδιο εργασίας)
  • Τεκμηρίωση Mozilla