CSS 선택자 - 기본 선택자

CSS 선택자는 크게 5 종류로 구분할 수 있습니다.

 각각 기본, 복합, 가상 클래스, 가상 요소 및 속성입니다.

 

이번 글에서는 기본 선택자를 다루겠습니다.

1. *

*는 모든 요소를 선택하겠다는 의미를 가지며 전체 선택자(Universal Selector)로 부릅니다.

 

2. ABC

ABC는 태그 이름이 ABC인 요소를 선택하겠다는 의미를 가지며 태그 선택자(Tag Selector)로 부릅니다.

 

3. .ABC

.ABC는 HTML class 속성의 값이 ABC인 요소를 선택하겠다는 의미를 가지며

클래스 선택자(Class Selector)로 부릅니다.

 

4. #ABC

#ABC는 HTML id 속성의 값이 ABC인 요소를 선택하겠다는 의미를 가지며

아이디 선택자(ID Selector)로 부릅니다.