企业🤖AI智能体构建引擎,智能编排和调试,一键部署,支持私有化部署方案 广告
#### 1.3[Sass运算]乘法 **a.属性值的乘法** **注意:**sass属性值的乘法运算,只需要**其中一个带单位即可**,如果都带有单位会报错。 列:sass样式: ~~~ .box{ width: 20px*20; } ~~~ 转化成css样式 ~~~ .box{ width: 400px; } ~~~ **b、变量的乘法** **注意:**变量的乘法,只能是一个变量乘以一个数值,不能变量乘变量,否则会报错。*****乘号左右不需要用空格隔开 列:sass样式 ~~~ $width1:60px; $height2:20px; .demo10{ width:$width1*3 } ~~~ 转化成css ~~~ .demo10 { width: 180px; } ~~~ **c、混合宏变量的乘法** **注意:**变量 只能乘以数值,不能乘以变量。 列:sass样式 ~~~ @mixin box3($width:90px,$height:80px){ width:$width; height:$height*3; padding:$height - 20px; } .box3{ @include box3 ~~~ 转化成css样式 ~~~ .box3 { width: 90px; height: 240px; padding: 60px; } ~~~