层叠
简单的说,层叠就是对一个元素多次设置同一个样式,这将使用最后一次设置的属性值。例如对一个站点中的多个页面使用了同一套CSS样式表,而某些页面中的某些元素想使用其他样式,就可以针对这些样式单独定义一个样式表应用到页面中。这些后来定义的样式将对前面的样式设置进行重写,在浏览器中看到的将是最后面设置的样式效果。
解决方案
加!important
防止被覆盖。
.className{
font-size: 25px!important;
}
css样式防止被覆盖
https://blog.csdn.net/limengmeng9006/article/details/8263321