Cascading order
◀ ■ ▶
하나의 문서에 여러 개의 스타일시트를 동시에 적용시킬 수 있는데, 이 때 같은 element에 서로 다른 스타일이 정의될 수 있다. CSS2에서는 가장 비중이 큰 스타일시트를 적용할 수 있도록 하고 있다. 이것을 Cascade라고 한다.
익스플로러 4.0같은 경우에는 사용자가 스타일을 정의할 수 있도록 하고 있는데, 브라우저 사용자가 정의해 놓은 스타일시트는 웹 문서 작성자의 스타일시트보다 비중이 낮다. 따라서, 이 경우에는 웹 문서 작성자의 스타일시트가 우선적으로 적용된다.
스타일을 정의할 때 뒷쪽에 ! important를 붙여주면 비중이 커진다.
H1 { color: black ! important; background: white ! important }
P { font-size: 12pt ! important; font-variant: italic } /*font-variant만 중요도가 낮다.*/
순서대로 중요도가 높다.
- id 속성을 쓰면 중요도가 가장 높다.
- class 등 속성을 쓰면 중요도가 높다.
- Selector로 사용한 element의 수가 많으면 중요도가 높다.
- STYLE element 안에 정의한 것보다 style 속성으로 정의한 것이 중요도가 높다.
◀ ■ ▶