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 vote214 views1 answer
Html css hide details arrow
CSS
0 vote178 views2 answers
Box-shadow: 0px 4px 8px rgba(164, 188, 223, 0.15);
CSS
420 votes506 views6 answers
Delete array element
CSS
1 vote195 views1 answer
Span nowrap
CSS
0 vote322 views1 answer
Insert a new key value in an object of an array
CSS
0 vote182 views1 answer
Google script css link
CSS
6 votes220 views6 answers
Css text highlight
CSS
13 votes194 views1 answer
Baclgroud image css
CSS
0 vote200 views1 answer
Advance css
CSS
38 votes176 views3 answers
Use CSS to set the background color of the document (body) to yellow.
CSS