이 글은 인프런의 "HTML+CSS+JS 포트폴리오 실전 퍼블리싱(시즌1)" 강좌를 들으며 정리한 내용이다.

:hover 뒤에 요소가 붙을 경우

:hover 뒤에 요소가 붙을 경우 명령의 대상이 됨.

.icon:hover span {//span에 hover 적용
  /*display: block;*/
  opacity: 1;
  visibility: visible;
}

hover로 사라졌다가 보이게 하기

.icon:hover span {
  /*display: block;*/
  opacity: 1;
  visibility: visible;
}