가상(pseudo) 선택자

가상(pseudo) 선택자: 태그, id, class로 요소를 명명하지 않고, 특정 조건을 만족하는 요소를 명명.

가상 선택자 구조

 

---

가상 선택자 종류

• 부정 가상 선택자: not안에 포함된 태그를 제외한 모든 부분에 디자인 적용.

부정 가상 선택자 구조

 

부정 가상 선택자

---

• 순서 가상 선택자: 명명된 차례의 부분에 디자인 적용.

순서 가상 선택자 구조

 

순서 가상 선택자1

 

순서 가상 선택자2

 

---

• 요소 상태 가상 선택자: 해당 요소가 특정 상태일 때, 디자인 적용.

요소 상태 가상 선택자 구조

:hover

 

:active