引导 css 文件覆盖我的 css 文件答案

【问题标题】：Boostrap css file overrode my css file引导 css 文件覆盖我的 css 文件
【发布时间】：2015-02-27 00:51:41
【问题描述】：

我将引导程序添加到我的网站以用于添加一些内容，但是引导程序 css 文件覆盖了我的 css 文件中的一些 css 样式。有没有办法让它在我可以使用引导 css 而不会覆盖我已经完成的样式的地方？

感谢您的宝贵时间，非常感谢您的帮助！

【问题讨论】：

【解决方案1】：

您必须在网页上以正确的顺序链接 css 文件。如果您先链接引导文件，然后自定义 css 文件，它将覆盖引导文件。

【讨论】：

【解决方案2】：

按照文件的顺序，您必须首先加载 Bootstrap CSS 并在您的下方。像这样的：

<link rel="stylesheet" type="text/css" href="/static/css/bootstrap.css" />
<link rel="stylesheet" type="text/css" href="/static/css/mycustom.css" />

应该可以解决你的问题

【讨论】：

【解决方案3】：

在您不想更改的 CSS 样式表中的元素中添加一个 !important。

例子

myElement{
background-color: #ffff00 !important;
}

【讨论】：