한 문서에 여러개의 스타일이 존재할 때 캐스케이딩(Cascading) 순서

 

 HTML 문서에 CSS를 사용하는 방법으로는 외부 스타일을 적용하는 방법, 내부에 정의하는 방법, 엘레멘트에 직접 정의하는 방법등이 있다. 이 때 스타일이 중복될 때 어떤 스타일이 적용이 되는가를 캐스케이딩 순서라고 한다. 적용되는 순서는 다음과 같다.

1. 인라인(inline) 스타일(가장 먼저 적용되는 스타일)
2. 내부 스타일 정의
3. 외부 스타일 정의
4. 기본 브라우저 값(가장 나중에 적용되는 스타일)

 즉, 태그와 더 직접적으로 연관되는 스타일이 적용된다. 가장 우선 순위가 높은 것은 인라인 스타일 지정이다. 또한, 외부 스타일 선언 후 내부 스타일을 지정한 경우 내부 스타일이 적용된다.