0

こんにちは、プロジェクトで SASS を使用しようとしていますが、問題が発生しました。

2 つのスタイル シートを作成しました。1 つは defaults.scss と呼ばれ、もう 1 つは styles.scss と呼ばれます。defaults.scss で、次のように宣言しました。

$mainColor: #848484;

次に、次を使用して、styles.scss で $mainColor を呼び出そうとします。

nav ul { 
 list-style: none outside none;
 margin: 0; font-size: 1.2em;
 color: $mainColor; 
 padding: 50px 0 0 0; 
 font-weight: bold; 
 text-align: center;
}

しかし、次のエラー メッセージが表示されます。Syntax error: Undefined variable: "$mainColor".

誰かが私が間違っていることを見ることができますか? コンパスを走らせています。

ありがとう。

4

1 に答える 1

1

正しく理解すれば、2 つの .scss ファイルがあります。私が通常行うことは、styles.scss を用意し、そのファイルに他のすべての .scss スタイル シートをインポートすることです。彼らはそれらをパーシャルか何かと呼んでいると思います。メインの style.scss がすべての .scss ファイルをまとめて .css ファイルにコンパイルするようにします。現時点では、2 つのファイルがお互いを認識しているとは思いません。メインの styles.scss は次のようになります。

@import "reset.scss";
@import "global.scss";
@import "structure.scss";
@import "colors.scss";
@import "etc.scss";

それらが意図したカスケード順序になっていることを確認してください。あなたの場合、最初にデフォルトで、次にメインです。

メディアクエリも追加し始めると扱いにくくなりますが、これで問題は解決すると思います。

html では、操作全体が出力する .css ファイルを呼び出すだけです。

<link rel="stylesheet" href="css/style.css">またはどこにでも行くことができます。一つだけです。

于 2013-02-16T18:35:45.270 に答える