Sass 中的乘法運算和前面介紹的加法與減法運算還略有不同。雖然他也能夠支持多種單位(比如 em ,px , %),但當一個單位同時聲明兩個值時會有問題。比如下面的示例:
.box {
width:10px * 2px;
}
編譯的時候報“20px*px isn't a valid CSS value.”錯誤信息。
如果進行乘法運算時,兩個值單位相同時,只需要為一個數(shù)值提供單位即可。上面的示例可以修改成:
.box {
width: 10px * 2;
}
編譯出來的 CSS:
.box { width: 20px; }
Sass 的乘法運算和加法、減法運算一樣,在運算中有不同類型的單位時,也將會報錯。如下面的示例:
.box { width: 20px * 2em; }
編譯時報“40em*px isn't a valid CSS value.”錯誤信息。
在編輯器第5行輸入正確的代碼,讓icon圖標的background-position的y軸值按20px遞增。
請驗證,完成請求
由于請求次數(shù)過多,請先驗證,完成再次請求
打開微信掃碼自動綁定
綁定后可得到
使用 Ctrl+D 可將課程添加到書簽
舉報