基础顶部导航栏导航样式

如何覆盖顶栏，导航栏等的默认样式？ PS：我读了基金会文件，关于顶栏，我有2使用SASS，但我不知道它是怎么做的。基础顶部导航栏导航样式

谢谢！

来源

2013-06-26 mstroiu

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

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

来源

2013-06-26 15:40:19 giaour

我不熟悉的网站建议使用SASS或SCSS。我需要学习这种语法才能重新设置顶栏吗？我喜欢它的功能，但似乎重新设计它的难度比我想象的要困难得多。 – JM4

你会的。 '_settings.scss'只是定义了基金会其余部分使用的变量，而CSS没有变量。虽然SCSS与普通CSS非常接近，所以它不应该太糟糕。 – giaour

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

.top-bar { 

background: whatever color; 

} 

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

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

来源

2013-08-29 18:50:17 One9ooh6

试试这个在您的自定义CSS文件::

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

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

来源

2013-10-04 07:33:26

基础顶部导航栏导航样式

回答

相关问题