CSS :any-link pseudo-class

Ορισμός και χρήση

CSS :any-link Οι pseudo-classes χρησιμοποιούνται για να επιλέξουν και να ορίσουν το στυλ των στοιχείων που είναι πηγές του υπερσυνδέσμου.

Αυτός ο pseudo-class λειτουργεί ανεξάρτητα από το αν ο σύνδεσμος έχει ήδη επισκεφθεί.

Επομένως, αυτός ο pseudo-class εφαρμόζεται σε όλα τα στοιχεία με την ιδιότητα href <a> ή <area> Στοιχεία.

Παράδειγμα

Παράδειγμα 1

Επιλέγει και ορίζει το στυλ για όλα τα στοιχεία <a> με την ιδιότητα href:

a:any-link {
  background-color: yellow;
  color: maroon;
}

Δοκιμάστε το προσωπικά

Παράδειγμα 2

Ορίζει το στυλ για όλους τους στοιχεία <a> με την ιδιότητα href. Επιπλέον, ορίζει το στυλ των συνδέσμων ανάλογα με την κατάσταση (hover, active, non-visited κ.λπ.):

a:any-link {
  background-color: yellow;
  color: maroon;
}
a.ex1:hover, a.ex1:active {
  color: red;
}
a.ex2:hover, a.ex2:active {
  font-size: 150%;
}

Δοκιμάστε το προσωπικά

Γλωσσή CSS

:any-link {
  declarations στο css;
}

Τεχνικές λεπτομέρειες

Έκδοση: CSS Selectors Level 4

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

Τα αριθμήματα στη στήλη πίνακα καθορίζουν την πρώτη έκδοση του προγράμματος περιήγησης που υποστηρίζει πλήρως αυτόν τον pseudo-class.

Chrome Edge Firefox Safari Opera
65 79 50 9 52

Σχετικές Σελίδες

Εκμάθηση:CSS Σύνδεσμοι

Εκμάθηση:CSS Κουμπί

Εκμάθηση:CSS Πseudo-Class