Zurb foundation 基础5导航栏标题颜色变化

我正在尝试更改标题的默认颜色，目前为白色

<nav class = "top-bar" data-topbar>
    <ul class = "title-area">
        <li class = "name">
            <h1><%= link_to "CF logo", root_path, class: "home"%></h1>
        </li>
    </ul>
</nav>

及

甚至

---

但它们都不起作用。我能做什么？

是否使用CSS规则取决于选择器的特殊性。请参见如何计算CSS选择器的特定性

如果你想知道哪一个CSS语句覆盖了你的一个（可能是你正在使用的基础CSS库中指定的样式之一）然后我会推荐一个像firebug或chrome developer tools这样的工具，它允许您检查元素，并查看哪些规则正在被考虑，哪些规则正在被更具体的选择器覆盖

您也可以在选择器内部使用来覆盖特定性，但是请谨慎使用。例如：-

.name h1 {
    color:red !important;
}

---

如果您的标题位于锚定标记

-您将需要以下内容：

.top-bar .name a { color: #9dcf81; }

在Chrome内部，检查元素后，单击鼠标高亮显示标题后，查找加号。考虑使用<代码>！重要信息属性，如果颜色不粘

p、 请提供一个带有URL缩短服务的链接（如果你担心隐私）到你的网站

---

添加！重要的是，如果

，它看起来并不是在解决问题！重要提示

不起作用，我相信您的目标容器是错误的，或者它与另一个

重叠！重要信息

具有优先权。我不经常使用相等符号之间的空格进行编码。请删除

=

符号前后的多余空格。它有用吗？

.home{
    font-size: 1.5em;
    font-color: red;
}

.name h1 {
    color:red !important;
}

.top-bar .name a { color: #9dcf81; }