-1

我在使用基础的 css 时将自己的类添加到另一个样式表中的 index.html，但是我的一些样式没有显示出来，例如：html 中的 class="topNav"：

<header class="row topNav">
    <div class="large-12 columns">
        <h3>Logo Name</h3>
    </div>
</header>

我在标题中的样式：

<link rel="stylesheet" href="css/normalize.css" />
<link rel="stylesheet" href="css/main.css" />
<link rel="stylesheet" href="css/foundation.css" />
<link rel="stylesheet" href="css/font.css" />

我想在 css 中实现什么（更改标题的颜色）：

.topNav { 背景颜色：#000; } /这不起作用/

路径或文件结构没有问题。另外，我也在使用基础4。

非常感谢您的帮助。

4

3 回答 3

4

要覆盖基础 css，请将您的自定义 css 脚本放在基础 css 下。

<link rel="stylesheet" href="css/normalize.css" />
<link rel="stylesheet" href="css/foundation.css" />
<link rel="stylesheet" href="css/main.css" />
<link rel="stylesheet" href="css/font.css" />
于 2013-04-15T17:43:31.157 回答
3

如果您现在只需要覆盖它，请包含一条!important规则：

.topNav {
background-color: #000 !important;
}

但是您应该发布相关的 CSS，以便您可以提出一个更具体的选择器，因为它非常不好使用，!important尤其是如果您滥用它.. 最好找出导致冲突的原因

于 2013-04-13T06:12:46.063 回答
1

对于可能遇到相同问题的任何人 - 我也是，直到我发现如果您下载 Foundation 4 作为默认版本，您可以覆盖 app.css 就好了。但是如果你下载了Foundation 4的定制版本，很多特殊的组件比如按钮不会使用app.css覆盖foundation.css。它应该在某个地方的基金会文件上说——它会为每个人节省很多时间！

于 2013-11-21T18:32:45.970 回答