css样式的加载顺序及覆盖顺序

css样式层叠优先级是:
浏览器缺省 < 外部样式表(引入的css文件) < 内部样式表(

其中样式表又有:
类选择器(.class) < 类派生选择器(.class h1) < ID选择器(#id) < ID派生选择器(#id h1)

派生选择器以前叫上下文选择器，所以完整的层叠优先级是:
浏览器缺省 < 外部样式表(css文件) < 外部样式表类选择器 < 外部样式表类派生选择器 < 外部样式表ID选择器 < 外部样式表ID派生选择器 < 内部样式表(<style>标签内的样式) < 内部样式表类选择器 < 内部样式表类派生选择器 < 内部样式表ID选择器 < 内部样式表ID派生选择器 < 内联样式(style="")
共12个优先级