CSS :link ψευδοκλάση

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

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

Σημείωση::link Οι ψευδοκλάσεις δεν ρυθμίζουν το στυλ των επισκεπτών συνδέσμων.

Σημείωση:Χρήση :visited Ρύθμιση του στυλ του σύνδεσμου για τη σελίδα που έχει επισκεφθεί, χρησιμοποιώντας :hover Ρύθμιση του στυλ του σύνδεσμου όταν είναι υπό αλληλεπίδραση του ποντικιού, χρησιμοποιώντας :active Ρύθμιση του στυλ του σύνδεσμου όταν πατηθεί.

Σημείωση:Στο CSS defination,:link Πρέπει να τοποθετηθεί :hoverαπαιτείται να υπάρχει (!) πριν από την εφαρμογή του!

Παράδειγμα

Παράδειγμα 1

Επιλογή και ρύθμιση των στυλ των μη επισκεπτών συνδέσμων:

a:link {
  background-color: yellow;
}

Προσπάθησε να το δοκιμάσεις!

Παράδειγμα 2

Επιλογή και ρύθμιση των στυλ των μη επισκεπτών, επισκεπτών, υπό αλληλεπίδραση και ενεργών συνδέσμων:

/* Ο σύνδεσμος που δεν έχει επισκεφθεί */
a:link {
  color: green;
}
/* Ο σύνδεσμος που έχει επισκεφθεί */
a:visited {
  color: green;
}
/* Ο σύνδεσμος που είναι υπό αλληλεπίδραση του ποντικιού */
a:hover {
  color: red;
}
/* Ο σύνδεσμος που είναι ενεργός */
a:active {
  color: yellow;
}

Προσπάθησε να το δοκιμάσεις!

Παράδειγμα 3

Δημιουργία διαφορετικών στυλ για τους σύνδεσμους:

a.ex1:hover, a.ex1:active {
  color: red;
}
a.ex2:hover, a.ex2:active {
  font-size: 150%;
}

Προσπάθησε να το δοκιμάσεις!

Γλώσσα CSS

:link {
  declarations στο css;
}

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

Υποστήριξη πλοηγού

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

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

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

Εκμάθηση:CSS ψευδοκλάσεις