CSS 선택자 (Selector)

• HTML 요소의 이름, 꾸밀 요소를 선택하는 역할

1. 기본 선택자

• * : 전체 선택자 (Universal Selector) : 모든 요소를 선택
• Tag : 태그 선택자 (Tag Selector) : 해당 태그를 선택
• .class : 클래스 선택자 (Class Selector) : 해당 이름의 클래스를 가진 요소를 선택
• #id : 아이디 선택자 (ID Selector) : 해당 이름의 아이디를 가진 요소를 선택

2. 그룹 선택자

• 두 개 이상의 선택자를 그룹으로 묶어 동시에 선택
• e.g. div, span

3. 복합 선택자, 결합자 (Combinator)

• 두 개 이상의 기본 선택자를 포함할 수 있다

일치 선택자 (Basic Combinator)

• 동시에 만족하는 요소를 선택
• e.g. ABCXYZ
• 별도의 기호나 띄어쓰기가 없으나 태그 선택자를 우선하는게 좋다

자식 선택 (Child Combinator)

• 지정 요소의 직계 자식 요소를 선택