/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

22 votes219 views4 answers
Css center in grid
CSS
0 vote188 views1 answer
Practice html and css
CSS
-1 vote200 views1 answer
Scss background color
CSS
2 votes197 views2 answers
Why is my footer not at the bottom html
CSS
61 votes232 views6 answers
Center text in css
CSS
2 votes207 views1 answer
Ionic install font
CSS
0 vote234 views1 answer
JavaScript find common characters between the strings
CSS
0 vote204 views1 answer
Change your cursor
CSS
0 vote214 views1 answer
Css remove margin around page
CSS
0 vote218 views1 answer
Advance css
CSS