/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

74 votes347 views6 answers
Display flex
CSS
21 votes350 views6 answers
Gradient image css
CSS
95 votes381 views6 answers
Drop shadow css
CSS
42 votes412 views5 answers
Npm bootstrap
CSS Bootstrap
0 vote355 views1 answer
Mediaquery for portrate
CSS
1 vote389 views2 answers
Absolute vertical position css
CSS
0 vote337 views3 answers
Style highlight css
CSS
1 vote342 views1 answer
Free computer screen recording software
CSS
0 vote336 views1 answer
Sweet alert modal form
CSS
51 votes321 views5 answers
Css reset
CSS