1. 가상 클래스

선택한 요소(element)의 특별한 사이를 지정하는 선택자(selector)에 추가된 키워드

ex)

:hover{
 // 사용자가 선택자에 의해 지정된 요소 위를 맴돌때 스타일을 적용함
}

가상클래스는 가상 요소와 함께 문서 트리의 콘텐츠 뿐만 아니라, 탐색기 히스토리(:visited), 콘텐츠 상태(:checked) 혹은 마우스 위치(:hover)처럼 외부 요인 관련 요소에 스타일을 적용할 수 있음

2. 가상요소

가상 클래스처럼, 가상요소는 선택자에 추가되지만 특별한 상태를 기술하는 대신, 문서의 특정 부분을 스타일할 수 있음,

ex)

::first-line{
  // 선택자에 의해 지정된 요소의 첫줄만을 대상으로 함
}