Η :hover
ψευδοκλάση στο CSS επιλέγει στοιχεία όταν ο δρομέας του ποντικιού είναι τρέχων πάνω τους. Συνήθως σχετίζεται με στοιχεία συνδέσμου ( ).
a:hover ( color: green; text-decoration: underline overline; )
Έτσι, όταν ένας τέτοιος σύνδεσμος "αιωρείται" (όπως με έναν κέρσορα σε μια συσκευή με ποντίκι):
Go to Google
Θα γίνει πράσινο και θα έχει μια γραμμή κάτω και πάνω από αυτό.
Στο IE 6 και κάτω, :hover
χρησιμοποιείται μόνο για συνδέσμους, αλλά σε νεότερα προγράμματα περιήγησης, λειτουργεί σε οποιοδήποτε στοιχείο. Αυτό μπορεί να είναι ιδιαίτερα χρήσιμο για πράγματα όπως τα αναπτυσσόμενα μενού στα οποία μπορείτε να περιμένετε το στοιχείο :hover
της γονικής λίστας και, στη συνέχεια, να αποκαλύψετε το επόμενο επίπεδο του ένθετου μενού. Προσοχή όμως, τα εφέ αιωρήματος θα πρέπει να συνδυάζονται με κάποιο είδος δράσης, καθώς αυτό είναι ένα παλιό πρότυπο ιστού.
Σχετιζομαι με
- :Σύνδεσμος
- : επισκέφτηκε
- :Συγκεντρώνω
- :ενεργός
- Αγαπώ μισώ
Περισσότεροι πόροι
- Έγγραφα MDN στο: αιωρηθείτε
- Η προδιαγραφή W3C στο: αιωρείται
Υποστήριξη προγράμματος περιήγησης
Η :hover
ψευδοκλάση υποστηρίζεται από όλα τα προγράμματα περιήγησης.