1

次の SCSS スニペットは、使用後に適切な CSS を生成しますcompass compile。しかし、CSS を使用すると、定義-output_style compressedが欠落しています。等が発生するが黄色が欠落している。.box-yellow.box-red

$colors: red #f00, yellow #ff0, green #0f0, blue #00f;

@each $entry in $colors {
    $name: nth($entry, 1);
    $color: nth($entry, 2);

    .box-#{$name} > header {
         background: $color;
    }
 }

これはバグでしょうか、それともここで何か不足していますか?

4

1 に答える 1

1

バグかどうかはわかりませんが、私には奇妙に思えます。スタイルを圧縮に設定すると、v 3.2.3 でそれを再現できます。奇妙なことに、それを短くするとyelloうまくいきます。回避策は、それらを引用することです：

$colors: "red" #f00, "yellow" #ff0, "green" #0f0, "blue" #00f;

それは以下を生成します：

.box-red>header{background:red}.box-yellow>header{background:#ff0}.box-green>header{background:lime}.box-blue>header{background:blue}

出力をもう一度見ると、パターンが浮かび上がります。他の色は、16 進値ではなく色名を生成します。

于 2013-02-16T22:52:22.780 に答える