html - SASS:如何排除部分选择器

Question

我正在为 IE7 创建 :before 伪元素的 polyfill:

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

}

我想添加一个标志，在需要时从生成的 CSS 文件中排除部分 .my-div .ie7-before。例如:

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;
}