Bootstrap 覆盖了我的样式

Question

我正在使用引导程序创建一个 Web 模板，所以我在页面头部包含了 bootstrap.min.css 以及其他一些 css 文件，而我自己的 css 文件是我链接的最后一个文件。 在我的 css 文件中，我重置了这样的元素：

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

但是这段代码不影响页面中的元素！，它们大部分都有边距和内边距。当我使用 DevTools 检查它们时，我发现这是由引导程序引起的！ 有什么解决办法吗？或解释这里发生了什么？ 注意：我使用的是 Bootstrap 4.1.1

Answer 1

您是否集成了引导可选主题？如果是，请删除它， 还有 css 有!important 例如body { color: blue !important }

Answer 2

用 !important 试试

* {
  margin: 0 !important;
  padding: 0 !important;
  box-sizing: border-box !important;
}