SASS：如何排除選擇

我創造的填充工具的一部分：僞元素之前的IE7：SASS：如何排除選擇

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

有什麼辦法來實現這一點？

謝謝！

來源

2013-03-09 Marvin3

我不明白的問題......但作爲我發現它太簡單了，所以我想我錯了......我需要更直接的解釋！ Sory，我是阿根廷人！ – 2013-03-09 21:27:42

謝謝你，基本上我想要的是從生成的樣式表中排除'my-div .ie7-before'部分。 – Marvin3 2013-03-09 21:31:35

你需要一個變量來表示是否發出你的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; 
}

來源

2013-03-09 22:20:37 cimmanon

它很難理解你的問題，但你可以通過使用@extend .my-div;

來源

2013-03-09 22:04:21 iConnor

謝謝你的幫助，我更新了這個問題，希望現在更清楚。 – Marvin3 2013-03-09 22:20:36

SASS：如何排除選擇

回答

相關問題