Css 如何为sass混合中的每个属性添加值?
我是Sass的新手,我正在用下一个值创建嵌套运行Css 如何为sass混合中的每个属性添加值?,css,sass,Css,Sass,我是Sass的新手,我正在用下一个值创建嵌套运行 .heightAndWidth { height: 21px; width: 20px; } 但是我想扩展这个规则,在一个特定的类中添加10px,而不是21,31,但是重用嵌套规则是可能的吗?我怎么做?对不起,这是scss @mixin heightAndWidth($px) { width : $px; height : $px; } .box { @include heightAndWidth(10px); }
.heightAndWidth {
height: 21px;
width: 20px;
}
但是我想扩展这个规则,在一个特定的类中添加10px,而不是21,31,但是重用嵌套规则是可能的吗?我怎么做?对不起,这是scss
@mixin heightAndWidth($px) {
width : $px;
height : $px;
}
.box { @include heightAndWidth(10px); }
这是sass
=widthAndHeight($px)
width: $px
hight: $px
.box
+widthAndHeight(10px)
您可以在这里找到到的文档
$a = 100px;
div {
background: black;
height:100px;
}
.one {
width: $a;
$a = $a+100;
}
.two {
width: $a;
$a = $a+100;
}
.three {
width: $a;
$a = $a+100;
}
你能详细解释一下你所说的“嵌套运行”是什么意思吗?@inane为什么你把它作为可能的重复发布?好吧,我理解你的例子,但是,比如说,从10像素到21像素,是否可以通过友好的方式实现呢?谢谢你的解释。据我所知,你不能这样做,我将很快提出它的唯一方法。谢谢@WL在你看来,这对我的实现很酷,但我有下一个疑问,如果函数中的参数是“%”而不是px或em,给我一个错误,在这种情况下会是什么方法?这是%