CSS 선택자

📄 CSS 선택자

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

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

* {
  color: blue;
}

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

p {
  color: blue;
}

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

.text {
  color: blue;
}

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

#topic {
  color: blue;
}

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

h1,
p,
div {
  color: blue;
}

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