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 vote356 views1 answer
Box shadow 2 sides only
CSS
1 vote395 views1 answer
Import maxcdn.bootstrapcdn.com not in index.html in specific component file
CSS Bootstrap
116 votes385 views6 answers
@media screen and (max-width
CSS
0 vote327 views1 answer
Table td data in middle
CSS
1 vote330 views2 answers
How to make hr class bootstrap full width
CSS
3 votes342 views1 answer
Css how to make text not break
CSS
0 vote357 views1 answer
Aligning form elements to center in css
CSS
1 vote347 views1 answer
How to make slideshow not go over navigation bar
CSS
93 votes352 views6 answers
Css center image in div
CSS
24 votes357 views5 answers
Placeholder css
CSS