Ψευδοκλάση hover

Η ψευδοκλάση hover ορίζει στυλ για έναν σύνδεσμο πάνω στον οποίο έχουμε το ποντίκι. Συνήθως αυτή η ψευδοκλάση εφαρμόζεται μαζί με τις ψευδοκλάσεις link, visited και active.

Σύνταξη

cssa:hover {
  
}

Παράδειγμα

Ο μη επισκεμμένος σύνδεσμος θα είναι κόκκινου χρώματος, ο επισκεμμένος - γαλάζιου. Εάν τοποθετήσετε πάνω του το ποντίκι - θα γίνει πράσινου χρώματος, ενώ εάν πατήσετε το αριστερό κουμπί του ποντικιού και το κρατήσετε πατημένο - θα γίνει μαύρος (κατάσταση active):

html<a href="#">σύνδεσμος</a>

cssa:link {
  color: red;
}
a:visited {
  color: blue;
}
a:hover {
  color: green;
}
a:active {
  color: black;
}

Результат:

Δείτε επίσης