多重样式优先级

三种样式优先级**

内联样式）Inline style > （内部样式）Internal style sheet >（外部样式）External style sheet > 浏览器默认样式。**
注意：如果外部样式放在内部样式的后面，则外部样式将覆盖内部样式。

选择器优先级

越往下优先级越高。
!important 规则例外
当 !important 规则被应用在一个样式声明中时,该样式声明会覆盖CSS中任何其他的声明, 无论它处在声明列表中的哪里. 尽管如此, !important规则还是与优先级毫无关系.使用 !important 不是一个好习惯，因为它改变了你样式表本来的级联规则，从而使其难以调试。

/* 通用选择器（*） */
*{
    background-color: blue;
}
/* 元素(类型)选择器 */
h1{
    background-color: brown;
}
/* .class 选择器 */
.main{
    background-color: aqua;
}
/* 属性选择器 */
[title]
{
background-color: chocolate;
}
/* 伪类 */
h1:hover {background-color:#FF00FF;}
/* ID 选择器 */
#test
{
background-color:yellow;
}
/* 内联样式 */