css样式被覆盖解决方案

2022年8月16日 星期二

css样式被覆盖解决方案 —— ‘!important’
https://www.bbsmax.com/A/ZOJPG3qazv/

演示

class="class2 class1"

.class1 {
color: black;
}
.class2 {
color: red;
}

此时虽然【class1】在元素中指定时排在【class2】的后面，
但因为在样式表文件中【class1】处于【class2】前面，
此时仍然是【class2】的优先级更高，
color的属性为red，而非black。

如果要让某个样式的优先级变高，
可以使用!important来指定：

.class1 {
color: black !important;
}
.class2 {
color: red;
}

此时class将使用black，而非red。