CSS :visited ψευδαισθητικός τύπος

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

CSS :visited Οι ψευδαισθητικοί τύποι χρησιμοποιούνται για τον τύπο των επισκεπθέντων συνδέσμων.

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

Σημείωση:Για να ρυθμίσετε σωστά τον τύπο του συνδέσμου, παρακαλώ :visited το κανόνα τοποθετείται :link πριν από τον κανόνα, αλλά μετά :hover και :active πριν από το κανόνα.

Επιτρεπόμενες τύποι περιλαμβάνουν:

• χρώμα
• χρώμα παρασκηνίου
• χρώμα ορίου (και τα πλάγια του ορίου)
• χρώμα περιγράμματος
• column-rule-color
• text-decoration-color
• text-emphasis-color
• Παράμετροι SVG fill και stroke

Παράδειγμα

Παράδειγμα 1

Επιλέξτε και ρυθμίστε τον τύπο του συνδέσμου που έχει επισκεφθεί:

a:visited {
  color: pink;
}

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

Παράδειγμα 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

:visited {
  καταclarations css;
}

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

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

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

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

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

Εκμάθηση:CSS ψευδαισθητικός τύπος