.overlay-wrap:hover .overlay-black { } 의 의미

.overlay-wrap:hover .overlay-black {
  margin-top: 50%;
}

.overlay-wrap 클래스의 요소에 마우스가 호버되었을 때,

그 자식 요소 중 .overlay-black 클래스를 가진 요소의 margin-top 속성을 50%로 변경하라는 의미

 

• .overlay-wrap:hover: .overlay-wrap 클래스를 가진 요소에 마우스가 호버되어 있는 상태를 의미합니다.
• .overlay-black: .overlay-wrap 요소의 자식 요소 중 .overlay-black 클래스를 가진 요소를 선택합니다.
• margin-top: 50%;: .overlay-black 요소의 margin-top 속성을 50%로 설정합니다.