html中引用顺序为我自己的base.css在bootstrap.min.css之后,但在浏览器审查元素时发现图片并没有使用我在base.css中设置的img样式。
而是使用了一个叫_reboot.scss的文件中的样式,查了一下好像是bootstrap自动生成的,但任不知道如何禁用。
自己写的样式后面加个 import 强行覆盖其他样式
1.开发者工具里面显示应用的是_reboot.scss文件中的样式,是因为有bootstrap.min.css.map文件,实际生效的只能是css文件而不会是scss文件。因为bootstrap.min.css是由scss编译而来,这样的话方便开发人员直接修改scss源文件里面的样式,不想开发者工具这样提示的话,可以把map文件删掉或者css文件的最后一行注释删掉;
2.“覆盖”应该是不存在的,reboot是一个重置样式表,重写了默认样式,不可能使用!import语句的。准确描述应该是自己的样式没有生效,按照规则应该把自己写的样式表在bootstrap样式表之后导入。
https://blog.csdn.net/weixin_33743880/article/details/93389100