한 사업부에 마우스를 올리면 다른 사업부에 영향을 미칩니다
//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; }
다른 요소에 호버에 작업을 확인
#container:hover ~ #cube { background-color: yellow; }
호버 표시에 다른 div css
.showme {
display: none;
}
.showhim:hover .showme {
display: block;
}
<div class="showhim">HOVER ME
<div class="showme">hai</div>
</div>