/CSS/How to affect a deffernt element in css

How to affect a deffernt element in css

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

Css hover affect other item

#container:hover ~ #cube { background-color: yellow; }

Source: stackoverflow.com

How to affect a deffernt element in css

<div id="container">
  <div id="cube">
  </div>
</div>

Source: stackoverflow.com

Similar codes

0 vote326 views1 answer
Css center modal vertically
CSS
7 votes332 views2 answers
Make images same size css
CSS
0 vote316 views5 answers
What is the difference between relative and absolute css
CSS
0 vote266 views1 answer
Go to top page css
CSS
0 vote370 views1 answer
Bootstrap modal resize with jquery
CSS Bootstrap
68 votes378 views6 answers
Flex
CSS
9 votes311 views5 answers
How to make a triangle in css
CSS
0 vote318 views1 answer
3D button using CSS
CSS
0 vote312 views1 answer
Installer scss projet wordpress
CSS
1 vote363 views1 answer
Scroll background still
CSS