CSS样式优先级

1 、相同权值下：就近原则
内联样式（标签内部）> 嵌入样式表（当前文件）> 外部样式表（外部文件）

2、权值不同时，浏览器根据权值判断
标签权值：1，
类选择符权值：10，
ID选择符权值：100，
内联样式权值：1000，
例：
p{color:red;} 标签，权值为 1
p span{color:red;} 两个标签，权值为 1+1=2
p > span {color:red;} 两个标签，权值为 1+1=2
.warning{color:red:} 类选择符，权值为 10
p span .warning{color:red;} 权值为 1+1+10=12
#footer .note p{color:red;} 权值为 100+10+1=111

注：【1、继承也有权值，比较低，大概0.1，权限最低（继承是一种规则，允许样式不仅应用于某个特定html标签元素，而且应用于其后代。如<p>标签内部的<span>标签会继承<p>标签样式）
2、网页中：!important 最高权值。
如： p{ color:red!important;} * !important 要在分号前
浏览器默认样式 < 网页制作者样式 < 用户自己设置的样式 < !important
】