版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
在写CSS的过程中,某些限制总是不起作用,这就涉及了CSS样式覆盖的问题
- 不同的样式文件
“元素上的style” > “文件头上的style元素” >“外部样式文件 - 同一文件
id选择器指定的样式 > 类选择器指定的样式 > 元素类型选择器指定的样式
对于相同类型选择器制定的样式,在样式表文件中,越靠后的优先级越高
可以使用!important来提高优先级
CSS 代码
.red {
color: red;
}
.blue {
color: blue;
}
HTML 代码
<div class="red blue">这是什么颜色</div> // 蓝色
<div class="blue red">这是什么颜色</div> // 蓝色