Html ZURB基金会更换顶部酒吧颜色 我很难把基础场地的顶杆部分换成不同的颜色。

我已经为此创建了一个自定义style.css

我可以更改大多数顶部栏的颜色，但不能更改右侧下拉列表侧（左侧没有列表）。单击下拉列表上的链接会更改导航栏的颜色，但顶部的导航栏组件不会改变其他颜色（希望这有意义？）

这是基本的HTML：

<section class="top-bar-section">
        <!-- Right Nav Section -->
      <ul class="right">
        <li class="divider"></li>
        <li class="has-dropdown">
          <a href="#">Sections</a>
          <ul class="dropdown">
            <li><a href="about.html">####</a></li>
            <li class="divider"></li>
            <li><a href="philosophy.html">####</a></li>
            <li class="divider"></li>
            <li><a href="beginning.html">####</a></li>
            <li class="divider"></li>
            <li><a href="#">#####</a></li>
            <li class="divider"></li>
         </ul>
        </li>

        <li class="has-dropdown">
          <a href="#">Links</a>
          <ul class="dropdown">
            <li><a href="#" target="new">####</a></li>
            <li class="divider"></li>
            <li><a href="#" target="new">####</a></li>
            <li class="divider"></li>
            <li><a href="#" target="new">####</a></li>
            <li class="divider"></li>
         </ul>
        </li>

      </ul>
    </section>

我很确定这只是语法问题。我想这和“正确”的课程有关吧

需要帮忙吗

---

非常感谢

我强烈建议您使用Firefox等安装了Firebug的浏览器

加载任何页面，点击Tools>WebDeveloper>Inspector（或其热键等价物），然后单击对象，HTML代码检查器将引用控制所生成样式（直接样式或计算样式）的css文件的精确行

---

节省时间和理智。

经过几次尝试和Zurb的一些帮助，我需要的CSS是：

.top-bar-section .dropdown li:not(.has-form) a:not(.button) {
      color: white;
      background: #740707;
}

---

感谢帮助

< P>如果使用SCSS/SASS版本的基础，您应该更改TopBar的默认值。 默认设置存储在

\u settings.scss

中

例如，要将其更改为cornflowerblue，我使用了以下设置：

$topbar-bg-color: cornflowerblue;
$topbar-bg: $topbar-bg-color;
$topbar-link-bg-hover: scale-color($topbar-bg, $lightness: -14%);
$topbar-link-bg-active: $topbar-bg;
$topbar-dropdown-bg: $topbar-bg;
$topbar-dropdown-link-bg: $topbar-bg;
$topbar-dropdown-link-bg-hover: scale-color($topbar-bg, $lightness: -14%);

---

我已经花了很长时间更改顶部导航栏的颜色。。对于你的下拉列表，不幸的是，我对原来的下拉列表颜色很满意，所以我没有更改。你可以查看我的网站-clickmynotes.com。。我编辑了基础。CSS只不过…自由访问CSS并使用它，如果你想…我已经评论了“LakSayy”，我改变了文件中的某物…所以你可以很快得到所有的变化，谢谢！从来没有新的存在，它是非常有用的！！你找到你的问题了吗？

$topbar-bg-color: cornflowerblue;
$topbar-bg: $topbar-bg-color;
$topbar-link-bg-hover: scale-color($topbar-bg, $lightness: -14%);
$topbar-link-bg-active: $topbar-bg;
$topbar-dropdown-bg: $topbar-bg;
$topbar-dropdown-link-bg: $topbar-bg;
$topbar-dropdown-link-bg-hover: scale-color($topbar-bg, $lightness: -14%);