CSS/Selektoren/hover

Aus SELFHTML-Wiki
Wechseln zu: Navigation, Suche

Der :hover-Selektor ist eine dynamische Pseudoklasse und kennzeichnet Verweise, die mit dem Mauszeiger berührt werden.

Syntax :hover
Browsersupport Details: caniuse.com
Beispiel
a:hover {
  background-color: blue; 
  color: white; 
}
Während der Mauszeiger über den Linkelementen schwebt, ist ihre Hintergrundfarbe blau.
Beachten Sie: Auf Mobilgeräten ist wegen der fehlenden Maus die Verwendung dieser Pseudoklasse problematisch. Beispielsweise kann dies zur Nichtbedienbarkeit einer Navigation führen, falls Unterpunkte per :hover ausgeklappt werden sollen.

Siehe auch

Weblinks