CSS 선택자

📄 CSS 선택자

선택자는 어떤 요소에 대한 스타일을 정의할 것인지에 대한 정보입니다.

📄 선택자의 종류

1. 전체 선택자

애스터리스크(*)는 문서 내의 모든 요소를 의미합니다.

* {
  color: blue;
}

2. 태그 선택자(유형 선택자)

주어진 이름을 가진 요소를 선택합니다.

p {
  color: blue;
}

3. 클래스 선택자

주어진 class 속성값을 가진 요소를 선택합니다.

.text {
  color: blue;
}

4. 아이디 선택자

주어진 id 속성값을 가진 요소를 선택합니다.

#topic {
  color: blue;
}

5. 그룹 선택자

다양한 유형의 요소를 한꺼번에 선택하고자 할 때 사용합니다.
쉼표(,)를 이용해 선택자를 그룹화 합니다.

h1,
p,
div {
  color: blue;
}

📄 선택자의 우선순위

아이디 선택자 > 클래스 선택자 > 태그 선택자

출처

• 유노코딩