When hover target diffrent element

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

//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; }

Source: stackoverflow.com

Similar codes

0 vote117 views1 answer
Crystal background css
CSS
1 vote95 views1 answer
Quitar puntos a lista css
CSS
1 vote103 views1 answer
Rainbow linear gradient css
CSS
0 vote105 views1 answer
Make font awesome spin but not the word on hover
CSS
2 votes110 views1 answer
Bootstrap class="mb-3"
CSS
0 vote104 views1 answer
Remove required effect in css
CSS
70 votes110 views4 answers
Css vertical align center
CSS
6 votes112 views2 answers
Div inline grid 100% width
CSS
0 vote70 views1 answer
Tailwind css strikethrough
CSS
2 votes114 views1 answer
Css focus change color
CSS