CSS - 样式顺序

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文链接： https://blog.csdn.net/kelly0721/article/details/100599996

在写CSS的过程中，某些限制总是不起作用，这就涉及了CSS样式覆盖的问题

1. 不同的样式文件
   “元素上的style” > “文件头上的style元素” >“外部样式文件
2. 同一文件
   id选择器指定的样式 > 类选择器指定的样式 > 元素类型选择器指定的样式
   对于相同类型选择器制定的样式，在样式表文件中，越靠后的优先级越高
   可以使用!important来提高优先级

CSS 代码
.red {
color: red;
}
.blue {
	color: blue;
}
HTML 代码
<div class="red blue">这是什么颜色</div>  // 蓝色
<div class="blue red">这是什么颜色</div>  // 蓝色