CSS bei Hover anderes Element verändern?
Ganz ohne JavaScript
Mit dem Code unten kann ich beim hovern auf container1 die Hintergrundfarbe von container2 ändern weil er in container1 drinnen ist
aber geht es nicht auch so das ich den Body Hintergrund auf grün oder so ändern kann ?
#container1{
height: 50vh;
background-color: blue;
}
#container2{
height: 25vh;
width: 100%;
background-color: red;
}
#container1:hover #container2{
background-color: green;
}
<div id="container1">
<div id="container2"></div>
</div>
1 Antwort
MrAmazing2
bestätigt
Von
Experte
Nutzer, der sehr aktiv auf gutefrage ist
Nein body (und andere übergeordnete Elemente) nicht, aber du kannst zum Beispiel nachfolgende Elemente ansprechen mit
Element:hover + direktesfolgeElement
Element:hover ~ folgeElement
Selektoren
siehe auch https://www.mediaevent.de/css/css-selektor-kontextselektor.html