Css 如何为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); }

我是Sass的新手,我正在用下一个值创建嵌套运行

.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,给我一个错误,在这种情况下会是什么方法?这是%