/CSS/How to change another element on hover

How to change another element on hover

// If the cube is directly inside the container:
#container:hover > #cube { background-color: yellow; }

// If cube is next to (after containers closing tag) the container:
#container:hover + #cube { background-color: yellow; }

// If the cube is somewhere inside the container:
#container:hover #cube { background-color: yellow; }

// If the cube is a sibling of the container:
#container:hover ~ #cube { background-color: yellow; }

Css hover change another element

#a:hover ~ #b {
    background: #ccc
}

<div id="a">Div A</div>
<div>random other elements</div>
<div>random other elements</div>
<div>random other elements</div>
<div id="b">Div B</div>

Source: stackoverflow.com

Css hover change other element

#container:hover > #cube { background-color: yellow; }

-1

Similar codes

1 vote277 views1 answer
Css minifier api
CSS
0 vote264 views1 answer
Easiest way to invert css to dark mode
CSS
0 vote247 views1 answer
Not the first child and not the last child css
CSS
29 votes316 views6 answers
BackgroundImage react
CSS
34 votes260 views2 answers
Box position in center css
CSS
0 vote246 views1 answer
Text align left in span
CSS
0 vote253 views1 answer
How to draw rhombus in css
CSS
59 votes248 views1 answer
@media for mobile
CSS
0 vote275 views1 answer
Also define the standard property 'border-radius' for compatibility css(vendor prefix)
CSS
0 vote229 views1 answer
Text flow top to bottom
CSS