1

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

如您所见，现在缺少background-image和border-color属性。我可以看到background-color属性正确链接到 theme.css，并且没有任何内容显示为“穿透”，这就是 FireBug 显示属性已被覆盖的方式。它只是“不存在”。

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

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

有没有搞错？导入的 *.css 文件如何缺少属性？

4

1 回答 1

2

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

于 2013-10-30T20:19:21.293 回答