搞清楚混雜因子

我是sass的全新品牌，我試圖讓我的腦袋纏住mixin，並在mixin中使用if/else語句。我試圖寫一些簡單的東西，基本上說如果選擇器的寬度設置大於50％，它將是某種顏色，否則它將是不同的顏色。搞清楚混雜因子

這裏是我到目前爲止的代碼：

@mixin color-class($width) { 
    @if "$width > 50%" { 
    background-color: purple; 

    } @else { 
     background-color: orange; 
    } 
} 

.selector-two { 
    @include color-class(40%); 
} 

.selector-three { 
    @include color-class(80%); 
}

CSS的輸出顏色紫無論我把什麼樣的價值在這裏，所以我肯定失去了一些東西，任何幫助，將不勝感激。

來源

2014-04-09 tganyan

嘗試刪除"：

@if $width > 50% {}

你可以迅速地在這裏進行試驗：http://sassmeister.com/

來源

2014-04-09 19:05:39 tompave

謝謝，它的工作！每次語法都會讓我覺得很滑稽，你提到了sassmeister，我的教師是開發這個技術的人之一。 – tganyan

搞清楚混雜因子

回答

相關問題