hover했을때 다른 요소에 변화주기

큐브가 컨테이너 내부에 직접있는 경우

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

 

큐브가 옆에 있으면 (컨테이너가 태그를 닫은 후) 컨테이너가 :

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

 

큐브가 컨테이너 내부에 있으면

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

 

큐브가 컨테이너의 형제 인 경우 :

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

 

출처: https://www.it-swarm.dev/ko/html/div%EB%A5%BC-%EC%98%AC%EB%A0%B8%EC%9D%84-%EB%95%8C-%EB%8B%A4%EB%A5%B8-%EC%9A%94%EC%86%8C%EC%97%90-%EC%98%81%ED%96%A5%EC%9D%84-%EB%AF%B8%EC%B9%98%EB%8A%94-%EB%B0%A9%EB%B2%95/970201349/

html — div를 올렸을 때 다른 요소에 영향을 미치는 방법