12 다재다능한 CSS3 선택자

12-1 연결 선택자

• 하위 선택자 - 지정한 모든 하위 요소에 스타일 적용하기
• 자식 선택자 - 자식 요소에만 스타일 적용하기
• 인접 형제 선택자 - 가장 가까운 형제 요소에 스타일 적용하기
• 형제 선택자 - 형제 요소에 스타일 적용하기

12-2 속성 선택자

• [속성] 선택자 - 지정한 속성에 스타일 적용하기
• [속성 = 값] 선택자 - 특정 값을 갖는 속성에 스타일 적용하기
• [속성 ~= 값] 선택자 - 여러 값 중 특정 값이 포함된 속성에 스타일 적용하기
• [속성 |= 값] 선택자 - 특정 값이 포함된 속성에 스타일 적용하기
• [속성 ^= 값] 선택자 - 특정 값으로 시작하는 속성에 스타일 적용하기
• [속성 $= 값] 선택자 - 특정 값으로 끝나는 속성에 스타일 적용하기
• [속성 *= 값] 선택자 - 값의 일부가 일치하는 속성에 스타일 적용하기

12-3 가상 클래스와 가상 요소

• 사용자 동작에 반응하는 가상 클래스
• UI 요소 상태에 따른 가상 클래스
• 구조 가상 클래스
• 그 외 가상 클래스
• 가상 요소