如何在 sass mixin 中为每个属性添加值？ [复制]

Posted 2023-03-06

【中文标题】如何在 sass mixin 中为每个属性添加值？ [复制]

【英文标题】：How can I add values for each propery in a sass mixin? [duplicate]

【发布时间】：2015-05-14 20:28:38

【问题描述】：

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

.heightAndWidth 
    height: 21px;
    width: 20px;

但我想扩展此规则并在特定类中添加 10 像素，而不是 21、31，但重用嵌套规则这可能吗？我该怎么做？

【问题讨论】：

您能否详细说明“嵌套运行”的含义？

@inane 你为什么把它作为可能的重复发布？它在任何意义上都不是重复的。

【参考方案1】：

对不起，这是scss

@mixin heightAndWidth($px) 
  width : $px; 
  height : $px; 


.box  @include heightAndWidth(10px); 

这里是sass

=widthAndHeight($px)
  width:    $px
  hight:    $px

.box
  +widthAndHeight(10px)

http://www.sass-lang.com/guide

您可以在此处找到文档。

$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; 

【讨论】：

好的，我理解您的示例，但是例如，是否可以动态地将 10 px 到 21？谢谢你的解释

据我所知，你不能这样做，唯一的办法是我很快就会把它放出来。

jsfiddle.net/3zbcu1a4

谢谢@wlin 你的观点，这对我的实现来说很酷，但我有下一个疑问，如果函数中的参数是“%”而不是 px 或 em，给我一个错误，它会是什么是这种情况下的方法吗？

jsfiddle.net/3zbcu1a4/1 this for %