基金会顶栏导航样式

Question

如何覆盖顶栏，导航栏等的默认样式？

PS：我读过基础文档，关于顶栏，我有两个使用SASS，但我不知道怎么做。

谢谢！

Answer 1

SASS版本附带一个设置文件（_settings.scss或_settings.sass），您可以在其中配置整个Foundation库的颜色和断点。

顶部栏元素位于文件的底部。只需取消注释并使用您想要更改的变量更改该行。

Answer 2

我创建了一个.app样式表并将其作为外部样式表附加。在样式表中，我创建了

.top-bar {

background: whatever color;

}

.top-bar-section li a:not(.button)
{
background: whatever color;
}

我仍然在学习基础以及如何操纵元素。我会使用Google Chrome中的检查工具来确定要添加到样式表的元素。

Answer 3

在自定义css文件::

中尝试此操作

.top-bar-section li a:not(.button) {
    background:black;
    color: white;
    }

.top-bar-section li a:not(.button):hover {
    background:red;
    color: white;
    }