CSS/Selektoren/hover
Aus SELFHTML-Wiki
CSS | Selektoren
Der :hover-Selektor ist eine dynamische Pseudoklasse und kennzeichnet Elemente, die mit dem Mauszeiger berührt werden.
- Syntax
:hover
Beispiel
a:hover {
background-color: blue;
color: white;
}
Während der Mauszeiger über den Linkelementen schwebt, ist ihre Hintergrundfarbe blau.
Beachten Sie: Ursprünglich für Verweise gedacht, sind diese Pseudoklassen in allen relevanten Browsern auf beliebige Elemente anwendbar. Allerdings ist es nicht sinnvoll, normalen Text beim Überfahren mit der Maus anders zu formatieren.
Siehe auch
- HTML/Tutorials/Links
- Maus-_und_Tastaturinteraktionen
hover, active und focus
- Maus-_und_Tastaturinteraktionen
- Navigation
Weblinks
- W3C: The Pointer Hover Pseudo-class: :hover Selectors Level 4
- MDN: :hover
- Browser-Support: caniuse.com
CSS-Selektoren
- dynamische Pseudoklassen
- :active
- :any-link
- :autofill
- :buffering
- :checked
- :default
- :defined
- :disabled
- :enabled
- :focus
- :focus-visible
- :focus-within
- :fullscreen
- :future
- :has()
- :hover
- :in-range
- :indeterminate
- :invalid
- :is()
- :lang()
- :link
- :modal
- :muted
- :not()
- :open
- :optional
- :out-of-range
- :picture-in-picture
- :placeholder-shown
- :popover-open
- :read-only
- :read-write
- :required
- :target
- :target-current
- :user-invalid
- :user-valid
- :valid
- :visited
- :where()
- einfache Selektoren
- Kombinatoren
- Pseudoelemente
- strukturelle Pseudoklassen