html - SASS：セレクターの一部を除外する方法

Question

IE7の疑似要素の前に：のポリフィルを作成しています：

.my-div:before,
.my-div .ie7-before {

}

.my-div .ie7-before必要に応じて、生成されたCSSファイルから一部を除外するフラグを追加したいと思います。例えば：

UPD .:これが私がそれをどのように機能させたいかです：

$ie-enabled: true;

// @if $ie-enabled SASS should generate

    .my-div:before,
    .my-div .ie7-before {
        color: red;
    }

// otherwise

    .my-div:before {
        color: red;
    }

これを実装する方法はありますか？

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

Answer 1

ie7スタイルを発行するかどうかを示す変数が必要になります。必要に応じてクラス名を調整します。

$ie7: false;

.my-div:before {
    background: #CCC;
}

@if $ie7 {
    .my-div .ie-7 {
        @extend .my-div:before;
    }
}

出力：

.my-div:before {
  background: #CCC;
}

の場合$ie7: true、出力は次のようになります。

.my-div:before, .my-div .ie-7 {
  background: #CCC;
}

Answer 2

質問を理解するのは難しいですが、を使用してクラスを含めることができます@extend .my-div;