Html 从@include调用时未传递Sass Mixin值

我有两个partials（比如_one.scss和_two.scss）正在调用SASS\u one.scss有以下代码

@mixin wire($num) {
 .parts-field {
  height: 100%;
width: calc(100% * (1/$num) - 10px - 1px);
}

在第二部分中，scss

.mytry{
@包括电线（3）；
}

在我的主页上。我正在做以下工作

@import "../../base/_one.scss"; 
@import "_two.scss";

当我选中main.css时，它显示以下内容：

.mytry .parts{
height: 100%;
width: calc(100% * (1/$num) - 10px - 1px);
}

---

尽管我说的是包含电线（3），但我相信3没有通过。样式也不适用于HTML。我把param传递给mixin时有什么根本性的错误吗？

您需要使用字符串插值，即用

{$num}

替换

$num

：

@mixin wire($num) {
  .parts-field {
    height: 100%;
    width: calc(100% * (1/#{$num}) - 10px - 1px);
  }
}

---

之所以需要这样做，是因为SASS将

（…）

视为编译过程中必须计算的计算，并且它不知道

calc（…）

应解释为字符串而不是数学表达式。

您需要使用字符串插值，即用

{$num}替换
$num

：

@mixin wire($num) {
  .parts-field {
    height: 100%;
    width: calc(100% * (1/#{$num}) - 10px - 1px);
  }
}

---

之所以需要这样做，是因为SASS将

（…）

视为编译过程中必须计算的计算，并且它不知道

calc（…）

应解释为字符串而不是数学表达式。

。我已经多次阅读了“”，只对有限的部分有用。我在哪里可以读更多的书来了解你刚才提到的要点？好的教程还是更好的文档？从Terri开始，youtube上有大量的SASS教程。我已经多次阅读了“”，只对有限的部分有用。我在哪里可以读更多的书来了解你刚才提到的要点？好的教程还是更好的文档？youtube上有大量的SASS教程