$$config title: [CSS] 선택자 keywords: - IT - CSS - 선택자 $$ ? 선택자(selector) CSS에서는 스타일을 적용할 대상을 선택하기 위해서 선택자(selector)를 사용한다.
# 전체 선택자 CSS를 적용할 대상으로 HTML 문서 내부의 모든 요소를 선택한다. ````html ````
# HTML 요소 선택자 CSS를 적용할 대상으로 HTML 요소의 이름을 직접 사용하여 선택할 수 있다. ````html ...

이 부분에 스타일을 적용.

````
# 아이디(id) 선택자 아이디 선택자는 CSS를 적용할 대상으로 특정 요소를 선택할 때 사용한다. 이 선택자는 웹 페이지에 포함된 여러 요소 중에서 특정 아이디 이름을 가지는 요소만을 선택해준다. ````html ...

이 부분에 스타일을 적용다.

```` HTML과 CSS에서는 하나의 웹 페이지에 속하는 여러 요소에 같은 아이디 이름을 사용해도 별 문제없이 동작한다. 하지만 이렇게 중복된 아이디를 가지고 자바스크립트 작업을 하게 되면 오류가 발생한다.
? 따라서 되도록이면 하나의 웹 페이지에 속하는 요소에는 다른 아이디 이름을 사용하거나 클래스를 사용하는 것이 좋다.
# 클래스(class) 선택자 클래스 선택자는 특정 집단의 여러 요소를 한 번에 선택할 때 사용한다. 이러한 특정 집단을 클래스(class)라고 하며, 같은 클래스 이름을 가지는 요소들을 모두 선택해준다. ````html ...

이 부분에 스타일을 적용.

클래스 선택자를 이용하여 스타일을 적용할 HTML 요소들을 한 번에 선택할 수 있음.

이 부분에도 같은 스타일을 적용.

````
# 그룹 선택자 그룹 선택자는 위에서 언급한 여러 선택자를 같이 사용하고자 할 때 사용한다. 그룹 선택자는 여러 선택자를 쉼표(,)로 구분하여 연결하고, 이러한 그룹 선택자는 코드를 중복해서 작성하지 않도록 하여 코드를 간결하게 만들어 준다. ````html ````