Question

我正在创建polyfill：在IE7的伪元素之前：

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

}

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

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;

来添加课程

SASS：如何排除部分选择器

2 个答案: