mobile theme mode icon
theme mode light icon theme mode dark icon
Random Question Willekeurig
speech play
speech pause
speech stop

Hovering en de :hover Pseudo-Klasse in CSS begrijpen

Zweven verwijst naar de status van een element wanneer de muisaanwijzer van de gebruiker erboven wordt geplaatst. Wanneer een element zweeft, wordt het doorgaans op de een of andere manier gemarkeerd of benadrukt om aan te geven dat dit het momenteel geselecteerde of gefocuste element is.

In HTML en CSS kunt u de `:hover` pseudo-klasse gebruiken om stijlen voor elementen te definiëren wanneer ze er overheen zweeft. U kunt bijvoorbeeld de `:hover` pseudo-klasse gebruiken om de achtergrondkleur van een element te wijzigen, een slagschaduw toe te voegen of de tekstversiering ervan te wijzigen.

Hier is een voorbeeld van hoe u de `:hover` pseudo-klasse zou kunnen gebruiken in CSS:
```
#mijn-element:hover {
achtergrondkleur: #ff0000; /* rode achtergrond wanneer er met de muis overheen wordt bewogen */
}
```
Dit zal de stijlen die zijn gedefinieerd in het `:` blok toepassen op elk element met de ID `mijn-element` wanneer er met de muis overheen wordt bewogen. Je kunt de pseudo-klasse `:hover` ook gebruiken op andere selectors, zoals klassen of elementen, om de stijlen toe te passen op specifieke typen elementen wanneer er met de muis overheen wordt bewogen.

Knowway.org gebruikt cookies om u beter van dienst te kunnen zijn. Door Knowway.org te gebruiken, gaat u akkoord met ons gebruik van cookies. Voor gedetailleerde informatie kunt u ons Cookiebeleid lezen. close-policy