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

28 votes173 views4 answers
Font face roboto css
CSS
3 votes142 views2 answers
Css check if mobile
CSS
0 vote148 views2 answers
Laravel 7 css loading slow
CSS
3 votes198 views5 answers
India
CSS
0 vote140 views1 answer
Understanding '~' sign in css selector
CSS
0 vote186 views1 answer
Div with specific id css
CSS
0 vote157 views1 answer
Center div with variable height
CSS
0 vote142 views1 answer
How to change height font css
CSS
0 vote154 views1 answer
React html height 100%
CSS
-2 votes150 views3 answers
How to highlight text in css
CSS