[CSS] CSS의 Cascading 이란?

• CSS 란? => Cascading Style Sheets.
• Cascading  => 폭포? 떨어지다? => 계단식 작용? =>  ???

 

---

-  요약

• CSS에서 Cascading은 여러 스타일 규칙이 충돌할 때 최종적으로 어떤 스타일이 적용될지를 결정하는 과정.

---

 

-  최종 스타일 결정 기준 (우선순위 순으로 적용됨)

1. 중요도(Importance) → !important가 있는 스타일이 최우선 적용.
2. 우선순위(Specificity, 명시도) → ID > 클래스 > 태그 순으로 높은 우선순위를 가짐.
3. 선언 순서(Order of Appearance) → 같은 우선순위라면, 나중에 작성된 스타일이 적용.

 

-  핵심 포인트

• !important는 가장 강한 우선순위를 가짐.
• ID 선택자가 클래스나 태그보다 우선 적용.
• 동일한 우선순위의 스타일이 있으면 나중에 작성된 것이 적용.

---

-  결론

• Cascading을 이해하면 스타일 충돌을 해결하고, 원하는 스타일을 정확하게 적용 가능!