[CSS] pseudo-class

pseudo-class (의사 클래스)

pseudo-class는 선택자에 추가하는 키워드로, 선택한 요소가 특정 상태에 도달해야만 만족할 수 있다. 따라서 요소가 특별한 상태일 경우 적용되는 속성을 정의할 때 사용한다.

사용법

selector:pseudo-class {
  property: value;
}

예시

:hover

a:hover {
color: red; /* 포인터를 올렸을 때에만 글씨 색을 red로 변경 */
}