Πώς να εμφανίζεται το στοιχείο όταν το ποντίκι είναι σε απόκτηση

Πώς να εμφανίζεται το στοιχείο όταν το ποντίκι είναι σε απόκτηση

Βήμα 1 - Προσθήκη HTML:

<div class="myDIV">Κρατήστε το ποντίκι μου.</div>
<div class="hide">Όταν κάποιος θέλει να κρατήσει το ποντίκι πάνω από το παραπάνω div, θα εμφανιστεί.</div>

Βήμα 2 - Προσθήκη CSS:

.hide {
  εμφάνιση: none;
}
.myDIV:hover + .hide {
  εμφάνιση: block;
  χρώμα: κόκκινο;
}

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

Παράδειγμα εξήγησης:

Αντιστοιχία επιλογής同级 (+Επιλέγει όλα τα στοιχεία που βρίσκονται κοντά στο καθορισμένο στοιχείο.

Η έννοια του "κοντά" είναι "να ακολουθεί", ο παραπάνω παράδειγμα επιλέγει όλα τα στοιχεία που έχουν class=".hide" Τα στοιχεία, αυτά τα στοιχεία τοποθετούνται αμέσως μετά την απόκτηση του class=".myDIV" μετά το στοιχείο.

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

Οδηγός:Συνδυαστής CSS