基礎頂部導航欄導航樣式

如何覆蓋頂欄，導航欄等的默認樣式？ 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

基礎頂部導航欄導航樣式

回答

相關問題