입문자를 위한 CSS 기초강의(2)

선택자

---

• 어떤 요소에 스타일을 적용 할 것인지에 대한 정보
  
  

선택자 종류

---

• 기본 선택자
• 그룹 선택자
• 특성 선택자
• 결합 선택자
• 의사 클래스
• 의사 요소

기본 선택자

---

1) 전체 선택자

• 모든 요소를 선택한다.
• *(애스터리스크)는 '문서 내의 모든 요소'를 의미하는 기호이다.

  * {  color: purple; }

2) 태그 선택자

• 주어진 이름을 가진 요소를 선택한다.
• '유형 선택자'라고도 한다.
• 주어진 이름을 가진 요소가 다수일 경우, 해당 요소들을 모두 선택한다.

  p {  color: purple; }

3)클래스 선택자

• 주어진 class 속성값을 가진 요소를 선택한다.
• 주어진 class 속성값을 가진 요소가 다수일 경우, 해당 요소를 모두 선택한다.

  .text {  color: purple; }

4) 아이디 선택자

• 주어진 id 속성값을 가진 요소를 선택한다.
• id는 고유한 식별자 역할을 하는 전역 속성이다.

  #topic {  color: purple; }

그룹 선택자

---

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

  h1, p, div {  color: purple; }