Cascading order

하나의 문서에 여러 개의 스타일시트를 동시에 적용시킬 수 있는데,

이 때 같은 element에 서로 다른 스타일이 정의될 수 있다.

CSS2에서는 가장 비중이 큰 스타일시트를 적용할 수 있도록 하고 있다. 이것을 Cascade라고 한다.

익스플로러 4.0같은 경우에는 사용자가 스타일을 정의할 수 있도록 하고 있는데,

브라우저 사용자가 정의해 놓은 스타일시트는 웹 문서 작성자의 스타일시트보다 비중이 낮다.

따라서, 이 경우에는 웹 문서 작성자의 스타일시트가 우선적으로 적용된다.

스타일을 정의할 때 뒷쪽에 ! important를 붙여주면 비중이 커진다.

H1{color:black ! important;background:white ! important}
P{font-size:11pt ! important;font-variant:italic} /*font-variant만 중요도가 낮다.*/

순서대로 중요도가 높다.

• id 속성을 쓰면 중요도가 가장 높다.
• class 등 속성을 쓰면 중요도가 높다.
• Selector로 사용한 element의 수가 많으면 중요도가 높다.
• STYLE element 안에 정의한 것보다 style 속성으로 정의한 것이 중요도가 높다.