css :hover ::before :nth-child 사용법1 CSS 가상 선택자 정리, 가상 클래스, 가상 요소 종종 사용하는 CSS 가상 선택자를 사용할 때 찾아보는 수고를 덜기 위해 정리한다. CSS 가상 선택자 정리CSS 가상 클래스와 가상 요소 차이CSS :hover, ::before, :nth-child 사용법CSS 가상 선택자는 특정 상태의 요소를 선택하거나, 특정 요소 내부의 부분을 스타일링할 수 있도록 도와주는 선택자다.가상 선택자는 : 또는 ::로 시작하며, 크게 가상 클래스와 가상 요소로 나뉜다.1. 가상 클래스 (:)요소의 특정 상태나 사용자 동작에 따라 스타일을 적용하는 선택자입니다.(1) 동적 상태 관련선택자 설명:hover마우스를 올렸을 때 적용:active클릭되었을 때 적용:focus포커스가 맞춰졌을 때 적용 (ex. 입력 필드):focus-visible키보드로 포커스 이동 시만 스타일 .. 2025. 3. 14. 이전 1 다음
