Web/CSS
-
[CSS] 가상 클래스(Pseudo-class)와 가상 요소(Pseudo-element)Web/CSS 2022. 4. 3. 12:55
CSS의 선택자 중에서 가상 클래스와 가상 요소가 무엇이고 그 차이점에 대해 정리해보고자 한다. (더 자세한 내용은 https://developer.mozilla.org/en-US/docs/Learn/CSS/Building_blocks/Selectors/Pseudo-classes_and_pseudo-elements) 1. 가상 클래스(Pseudo-class) 가상 클래스란, 어떤 특정 상태에 있는 엘리멘트를 선택하는 선택자(selector)를 의미한다. 예) 타입 선택자의 첫번째 엘리멘트 마우스를 위에 올릴 때 색상이나 이미지 변경 등 가상 클래스는 콜론:을 붙임으로써 사용할 수 있다. 가상 클래스 중 많이 쓰이는 종류를 몇 가지 들어보자면, :hover `마우스 포인터가 위에 있는 경우 :focus 사..