0

@mixin編集：を使用せずにこのアプローチを達成する@include

現在、大規模で新しいプロジェクトのCSSプリコンパイラとしてSassを使用しています。私はそれを認めます、私はこのツールの背後にあるアイデアが本当に好きでした、そしてあなたがそれを関数で使いたいときそれはより使いやすくなり@mixinます。

Sassをもっと早く使いたいです。私の考えでは、変数にエイリアスを割り当てて、CSS宣言で使用するだけです。次のコードブロックについて考えてみます。

$ backgroundColor：＃F1F2F2;

体 {
    背景：$ backgroundColor;
}

Sassで正常に動作します。しかし、私は達成したい、

$ backgroundColor： "背景：＃F1F2F2";

体 {
    $ backgroundColor;
}

このブロックはSassでエラーを返します。何かアイデアはありますか、それともこのようにSassを使用することは可能ですか？

4

2 に答える 2

3 
@mixin backgroundColor {
    background: #F1F2F2;
}

body {
    @include backgroundColor;
}

動作するはずです。

于 2012-04-22T21:54:23.150 に答える
0

私はSASSにあまり詳しくなく（それは素晴らしいですが）、変数の値としてプロパティ名を割り当てることができるかどうかはわかりませんが、短縮の方法で間違っている可能性があるのはデータ型である可能性があります問題。プロパティの名前と値は一重引用符または二重引用符で囲まれた文字列ではないように見えるため（そして引用符を使用しているため）、この状況はSASSを混乱させる可能性があります。以下のパターンを試してみるべきだと思います。

$backgroundColor: background + : + #F1F2F2;

body {
    $backgroundColor;
}
于 2012-04-22T22:14:26.040 に答える