[CSS] 기본 및 복합 선택자

기본 선택자

1) 전체 선택자

• 모든 요소를 선택

 

2) tag 선택자

• 태그 이름이 ABC인 요소 선택

 

3) class 선택자

• HTML class 속성의 값이 ABC인 요소 선택

 

4) id 선택자

• HTML id 속성의 값이 ABC인 요소 선택

 

복합 선택자

1) 일치 선택자

• 선택자 ABC와 XYZ를 동시에 만족하는 요소 선택

 

2) 자식 선택자

• 선택자 ABC의 자식 요소 XYZ를 선택

 

3) 하위(후손) 선택자

• 선택자 ABC의 하위 요소 XYZ선택

 

4) 인접 형제 선택자

• 선택자 ABC의 다음 형제 요소 XYZ 하나를 선택

 

5) 일반 형제 선택자

• 선택자 ABC의 다음 형제 요소 XYZ 모두를 선택