Navi+で正しいCSSコードを書く方法

CSSは、Navi+のために深くカスタマイズする必要があるときのすべての問題の鍵です。Navi+のほとんどすべてのインターフェースのことは、CSSコードで解決できます。Navi+では、CSSには2つのレベルがあります：

レベル1：内部スタイルシート / CSS (#SF-123456789)

これは、ほとんどの場合に使用することを推奨するレベルです。このボックスにコードを書くと、システムは自動的にCSSタグの先頭に#SF-123456789（それがあなたのメニューIDです）というプレフィックスを追加します。これにより、他のすべてのインターフェースコンポーネントとの競合がないことが保証されます。

このボックスでCSSをコンパイルする前後の例を見てください

// あなたのCSSコード
{
   margin-bottom: 64px;
}

@media only screen and (max-width: 600px) {
   {
      margin-bottom: 164px;
   }
}

// コンパイル後のCSSコード

#SF-123456789 {
   margin-bottom: 64px;
}

@media only screen and (max-width: 600px) {
   #SF-123456789 {
      margin-bottom: 164px;
   }
}

レベル2：グローバルスタイルシート / CSS

CSSの経験がない限り、このボックスを乱用するのは避けてください。すべてが、競合保護層なしで書いたCSSコードの形式でそのまま押し出されます。