[Sass運算]乘法

Sass中的乘法運算和前面介紹的加法與減法運算還略有不同。雖然他也能夠支持多種單位(比如em ,px , %),但當一個單位同時聲明兩個值時會有問題。比如下面的示例:

.box {
  width:10px * 2px;  
}

編譯的時候報“20px*px isn't a valid CSS value.”錯誤信息。

如果進行乘法運算時,兩個值單位相同時,只需要為一個數值提供單位即可。上面的示例可以修改成:

.box {
  width: 10px * 2;
}

編譯出來的CSS:

.box {
  width: 20px;
}

Sass 的乘法運算和加法、減法運算一樣,在運算中有不同類型的單位時,也將會報錯。如下面的示例:

.box {
  width: 20px * 2em;
}

編譯時報“40em*px isn't a valid CSS value.”錯誤信息。

results matching ""

    No results matching ""