css - Foundation トップバーのナビゲーション スタイル

Question

トップバー、ナビゲーション バーなどのデフォルト スタイルをオーバーライドするにはどうすればよいですか?

PS: トップ バーについて Foundation Docs を読みました。SASS を 2 つ使用していますが、その方法がわかりません。

ありがとうございました！

Answer 1

.app スタイル シートを作成し、外部スタイル シートとして添付しました。私が作成したスタイルシートの中で、

.top-bar {

background: whatever color;

}

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

私はまだ Foundation と要素の操作方法を学んでいます。Google Chrome の検査ツールを使用して、スタイルシートに追加する要素を決定します。

Answer 2

カスタムCSSファイルでこれを試してください::

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

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

Answer 3

SASS バージョンには、Foundation ライブラリ全体の色とブレークポイントを設定できる設定ファイル (_settings.scssまたは) が付属しています。_settings.sass

上部のバー要素はファイルの下部にあります。コメントを外して、変更したい変数の行を変更するだけです。