SASS: Как исключить часть селектора

Question

я создаю polyfill из: до псевдо элемента для 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;