[지식루프의 웹개발공부] CSS 선택자

🔹 CSS 선택자란?

CSS 선택자는 HTML 문서에서 특정 요소를 선택하고 스타일을 적용하는 데 사용됩니다.
예를 들어, 특정 div, p, a 등 HTML 요소에 글자 크기, 색상, 배경, 여백 등을 지정할 수 있습니다.

---

🔹 CSS 선택자의 종류와 예시

---

1. 기본 선택자

 

---

2. 결합자(Combinator)

 

---

3. 속성 선택자

 

---

4. 가상 클래스 (Pseudo-classes)

 

---

5. 가상 요소 (Pseudo-elements)

 

---

6. 우선순위 (Specificity)

• 선택자가 복합적으로 사용될 경우, 우선순위에 따라 스타일이 적용됩니다.
• 우선순위 순서:
  1. !important
  2. 인라인 스타일 (style="color: red;")
  3. 아이디 선택자 (#header)
  4. 클래스 선택자, 속성 선택자, 가상 클래스 (.box, [type="text"], :hover)
  5. 태그 선택자 (div, p)
  6. 전체 선택자 (*)