薩斯師不是一個有效的CSS值

2014-03-27 53 views 2 likes

// Space unit 
$base-space-unit:  1em !default;

如果我做乘法它的工作原理是這樣

.pads   { padding: 5*$base-space-unit; }

，並返回

.pads { padding: 5em; }

但如果我沒有這樣的部門

.pads   { padding: 5/$base-space-unit; }

我得到

Syntax error: 5/em isn't a valid CSS value.

可能是什麼錯。

2014-03-27 Ahmad Ajmi

不知道爲什麼發生這種情況，但可以通過編寫'$ base-space-unit：1！default'來解決; – fcalderan

5/1em會給你帶來什麼？這不是一個邏輯計算。 –

@Paulie_D如果你試圖做5em/1em（試試http://sassmeister.com/），你會獲得'5'而不是'5em' – fcalderan

回答

的情況是，我想要得到的5/16的劃分，所以我可以評價，說

target/context = result

，但我的背景設置爲1，而不是16

這個公式語法對我的作品作爲

.pads { padding: (5/16*$base-space-unit);}

，其結果是

.pads { padding: 0.3125em; }

謝謝

2014-03-27 11:37:02

相關問題