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 vote142 views2 answers
Css make bottom of the div triangle
CSS
2 votes138 views2 answers
Css heading background line
CSS
4 votes139 views2 answers
How to give background overlay in css
CSS
0 vote130 views1 answer
Css list line spacing
CSS
0 vote203 views1 answer
How to style navbar-toggler-icon bootstrap 5
CSS Bootstrap
1 vote140 views2 answers
Hover border bottom css fixed
CSS
0 vote134 views1 answer
Css media query aspect ratio
CSS
1 vote128 views1 answer
Css validator
CSS
0 vote154 views1 answer
&:disabled not working sass
CSS
0 vote160 views3 answers
Detect system dark mode
CSS