[8] 가상 클래스(의사 클래스) & 가상 요소(의사요소)

가상 클래스(pseudo-class)

별도의 class를 지정하지 않아도 지정한 것처럼 요소를 선택할 수 있다.

가상 요소(pseudo-element)

가상 클래스처럼 선택자(selector)에 추가되며, 존재하지 않는 요소를 존재하는 것처럼 부여하여 문서의 특정 부분 선택이 가능하다.

---

1. 가상 클래스(의사 클래스) = pseudo-class

 

실습

Mouse Hover

A

B

C

---

-> before와 after를 자주 사용함