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 vote183 views1 answer
Input readonly css
CSS
0 vote199 views1 answer
Tar xz
CSS
3 votes195 views2 answers
How to decurate react router link css
CSS
17 votes197 views3 answers
Css hover mouse hand
CSS
4 votes182 views2 answers
Bootstrap Image thumbnails
CSS Bootstrap
0 vote194 views1 answer
Circle with 4 colors css
CSS
0 vote184 views1 answer
Twig currency name
CSS
0 vote238 views1 answer
Matplotlib doesn't plot [<matplotlib.lines.Line2D at 0x7f3543b113a0>]
CSS
48 votes226 views6 answers
Media query min and max
CSS
1 vote177 views1 answer
Stop css transition from firing on page load
CSS