pseudo-classes

만약 “버튼에 마우스를 올렸을 때만” 색을 바꾸거나, “리스트의 홀수 번째 항목에만” 배경색을 넣고 싶다면 어떻게 해야 할까요? 이처럼 요소의 특정 **’상태’**나 **’구조적 위치’**에 따라 스타일을 부여하고 싶을 때 사용하는 것이 바로 **가상 클래스(Pseudo-classes)**입니다. 가상 클래스는 CSS 선택자에 콜론(:)을 붙여 표현하며, 자바스크립트 없이도 CSS만으로 웹 페이지를 동적이고 인터랙티브하게 만들어주는 강력한 기능입니다. 1. 동적 가상 클래스: 사용자의 … Read more