CSS hover

✏️ hover 사용법

• 특정 태그에 마우스를 올리면 css 가 실행된다.
• 자바스크립트 기술이라 생각했지만 css 였다.

📍 마우스를 올렸을 때만 보이기

• HTML

<section>
  <span>내용</span>
  <div>MAP</div>
</section>

• CSS
  • div 만 display: none 으로 만들어준다.
  • section 에 hover 를 선언하고 display: block 으로 만들면 된다.

section > div {
  display: none;
}

section:hover > div {
  display: block;
}