CSS/Selektoren/hover

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

Syntax	:hover
Parameter	{{{Parameter}}}}}
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

• CSS/Tutorials/Selektoren/Pseudoklasse#Maus- und Tastaturinteraktionen

Weblinks

• W3C: The Pointer Hover Pseudo-class: :hover Selectors Level 4