SASS編譯器自定義規則/例外

Question

我正在爲具有自己的html/css模板系統的軟件編寫Sass/CSS。讀取輸出的CSS文件，並在模板生成時將其中的任何變量轉換爲正確的值。變量看起來像

{theme =「my_var_key」};

我希望能夠在Sass中編寫代碼，但仍然可以在輸出的css文件中使用該軟件的自定義變量。

是否可以將自定義規則/例外添加到sass編譯器，以便上面的變量按原樣編譯？

Answer 1

你可以在SASS輸出固體串用#{$variable}

$var: '{theme="my_var_key"}'; 
body{ 
    color: #{$var}; 
} 

，輸出：

body { 
    color: {theme="my_var_key"}; 
} 

這也可以在課堂上或ID名稱中使用。例如：.#{$var}輸出.{theme="my_var_key"}