引导 css 文件覆盖其他文件答案

【问题标题】：bootstrap css file overwritten other files引导 css 文件覆盖其他文件
【发布时间】：2015-03-04 08:43:10
【问题描述】：

<link href="http://libs.baidu.com/bootstrap/3.0.3/css/bootstrap.min.css" rel="stylesheet"/>

如果我在我的代码中使用这个 .css 文件，它将与我自己编写的以前的 .css 文件重叠，我如何先加载我的 .css 文件，如果我找不到 css 然后转向引导程序。 css 文件？

【问题讨论】：

在另一个之后加载你自己的css
可以检查CSS是否加载了this

标签： css twitter-bootstrap

【解决方案1】：

我猜你的 css 声明看起来像这样

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

你应该把它们倒过来

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

原因是任何靠近body标签的css都会被优先考虑。如果 yourcss.css 中的项目与 bootstrap.css 中的项目具有相同的名称，则 bootstrap.css 的项目将被覆盖。如果您不想覆盖这些，请确保 yourcss.css 中的每个项目/类/id 名称都不同。最佳做法是为您的 css 赋予每个标签不同的类名。

【讨论】：

【解决方案2】：

你这样写你的css文件：

<link rel="stylesheet" type="text/css" href="style/bootstrap.css" />
<link rel="stylesheet" type="text/css" href="style/your-style.css" />

【讨论】：

【解决方案3】：

试试这个

<link rel="stylesheet" href="assets/css/bootstrap.css">

在你自己的css之后

<link rel="stylesheet" href="assets/css/YOURCSS.css">

【讨论】：

【解决方案4】：

您可以加载自己的 CSS

<link rel="stylesheet" type="text/css" href="css/style.css" />

然后在您自己的 CSS 文件中导入 bootstrap，这样您的 CSS 将位于 bootstrap 之上，您将能够覆盖它。

@import url("bootstrap.css");

【讨论】：