CSS Selector의 종류

https://2duckchun.tistory.com/254

CSS의 기본 구조

CSS Selector 종류의 설명에 앞서, CSS의 기본 구조에 대해 알 필요가 있다.

 

---

Selector의 분류

Selector는 4가지로 분류할 수 있다.

셀렉터	의미	예시
전체 셀렉터	- 문서에 있는 모든 엘리먼트에 스타일을 적용.	* {font-size: 20px;}
타입 셀렉터	- 지정한 엘리먼트에 스타일을 적용. - 동시에 여러 엘리먼트 지정 가능.	h1, h2 {color: teal;}
클래스 셀렉터	- 클래스 어트리뷰트를 지닌 엘리먼트에 접근하여 스타일을 적용.	.class {margin: 0px;} h1.upper {color: red;}
id 셀렉터	- id 어트리뷰트를 지닌 엘리먼트에 접근하여 스타일 적용.	#blue {color: blue}