Question

我正在创建一个BootStrap 2.3.2网站。我需要覆盖一些CSS，比如标题颜色，所以我创建了一个名为theme.css的新CSS文件（实际上，我创建了一个新的LESS文件，并创建了一个新的CSS文件）。这是一个ASP.NET MVC项目，所以我将它添加到bundle.config中，当我运行项目时，我查看页面源代码，并且可以看到theme.css在bootstrap.css之后正确加载，即：

<link href="/Content/bootstrap.css" rel="stylesheet"/>
<link href="/BackOffice/Content/theme.css" rel="stylesheet"/>

这是theme.css中的CSS。它应该改变导航栏的背景颜色。

.navbar-inverse .navbar-inner {
  background-color: #ff7400;
  background-image: linear-gradient(to bottom, #ff7400, ##FF9640);
  background-repeat: repeat-x;
  border-color: ##FF9640;
}

它不起作用。所以我在FF中启动“Firebug”，并检查附加到元素的CSS。我看到的是：

body .navbar-inverse .navbar-inner {
    background-color: #FF7400;
    background-repeat: repeat-x;
}

如您所见，背景图片和 border-color 属性现在缺失。我可以看到 background-color 属性正确链接到theme.css，并且没有任何内容显示为“触发”，这是FireBug显示属性已被覆盖的方式。它只是“不在那里”。

当我进入FireBug中的CSS选项卡并再次检查theme.css文件时，缺少这两个属性。只是简单地“走了”。好像他们从未存在过。

我检查并重新检查了我的文件。 theme.css文件中的其他属性是 - 有些是，有些不是......

到底是什么？导入的* .css文件如何缺少属性？

Answer 1

看起来你在## FF9640上有一个额外的＃。在两个css规则中将其更改为＃FF9640，它应该可以正常工作。

Bootstrap CSS覆盖 - css属性消失了吗？

1 个答案: