방법 - 호버에 요소 표시
호버에 요소를 표시하는 방법을 알아보세요.
나 위로 마우스를 가져 가라.
I am shown when someone hovers over the div above.
호버에 요소를 표시하는 방법
1단계) HTML 추가:
예시
<div class="myDIV">Hover over me.</div>
<div class="hide">I am shown when
someone hovers over the div above.</div>
2단계) CSS 추가:
예시
.hide {
display: none;
}
.myDIV:hover + .hide {
display: block;
color: red;
}
예시 설명
인접 형제 선택자( +
)는 지정된 요소의 인접 형제인 모든 요소를 선택합니다.
"인접"이라는 단어는 "즉시 뒤따르는"을 의미하며, 위의 예는 가 있는 모든 요소를 선택하고 , 마우스를 가져가면 "이 class=".hide"
있는 요소 바로 뒤에 배치됩니다 .class=".myDIV
인접 선택기에 대해 자세히 알아보려면 CSS Combinators Tutorial 로 이동하십시오 .