1. CSS의 Cascading(캐스케이딩) 이란?

📘 정의:

Cascading은 CSS의 핵심 원칙 중 하나로, 여러 스타일 규칙이 한 요소에 적용될 수 있을 때 우선순위에 따라 어떤 스타일이 최종 적용될지 결정하는 과정입니다.

🧠 캐스케이딩의 작동 방식:

여러 CSS 규칙이 충돌할 때, 아래 순서로 우선순위를 정해서 스타일을 적용합니다:

우선순위 기준 설명 예시
1. 중요도 (Importance) !important가 붙은 속성 color: red !important;
2. 명시도 (Specificity) 선택자의 구체성 #id > .class > tag 순
3. 소스 순서 (Source Order) 나중에 선언된 스타일이 우선 동일한 선택자라면 마지막 것이 적용됨