/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 vote111 views1 answer
Rotate text css
CSS
0 vote236 views1 answer
This message is shown once a day. To disable it please create
CSS
22 votes127 views5 answers
Center grid
CSS
16 votes117 views4 answers
Arrow up css
CSS
0 vote108 views1 answer
Css a tag id selector scrolls too far
CSS
0 vote201 views1 answer
Remove materialize style input
CSS Materialize
0 vote71 views1 answer
Github-pages main.css cancel
CSS
0 vote151 views1 answer
Twig language name
CSS
15 votes121 views4 answers
Sass
CSS
0 vote113 views1 answer
How to apply css on react chartjs
CSS