[CSS] 선택자 - 전체 선택자, 태그 선택자, 클래스 선택자, id 선택자

CSS 선택자 - 전체 선택자, 태그 선택자, 클래스 선택자, id 선택자

선택자(Selector)는 딱딱한 html에 스타일을 넣어줄 때 기준이 되는 기호라고 할 수 있다.

 

 

전체 선택자

전체 선택자는 모든 요소들에 동일한 효과를 줄 때 사용하는 선택자이다.

* { color : red; }

 

만일, h2 태그 밑의 모든 요소에 같은 속성을 부여하고 싶다면 아래와 같이 CSS를 작성하면 된다.

*h2 { color : red; }

 

 

태그(tag) 선택자

태그 선택자는 html의 태그 이름을 사용하여 나타내는 선택자이다. 태그명이 선택자와 같은 태그들에 대하여 적용한다.

p { color : red; }

 

 

클래스(class) 선택자

클래스 선택자는 .클래스이름을 사용하여 나타내는 선택자이다. 클래스가 클래스이름과 같은 태그들에 대하여 적용한다.

.클래스이름 { color : red; }

 

 

id 선택자

id 선택자는 #아이디이름을 사용하여 나타내는 선택자이다. ID가 ID 이름과 같은 태그에 대해서 적용한다.

#아이디이름 { color : red; }

 

 

 

 

 

https://esef.tistory.com/119

[CSS] 선택자(Selector) - 태그, 전체, class, id선택자

https://ssungkang.tistory.com/entry/css-css-%EC%84%A0%ED%83%9D%EC%9E%90selector-%EC%9D%98-%EC%A2%85%EB%A5%98%EC%99%80-%EC%98%88%EC%8B%9C

[css] css 선택자(selector) 의 종류와 예시