Sass 每个嵌套颜色的SCSS

我有一系列的选择器为一周中的几天着色

我想做

$saturday : blue;
$sunday : green;
...
$friday : red;

$days : saturday, sunday, ... friday;
@each $day in $days {
  .day-{$day}  {
    background: rgba(${$day}, 0.15);
    & .weekday {
      background: ${$day};
    }
  }
}

但它不起作用（无法编译）

---

这种嵌套在SCS中根本不可能吗？还是我的语法错了？

您代码的某些部分有点不清楚，因此我将假设您尝试执行的操作应该更像以下内容：

$days : (
  saturday: blue,
  sunday: green,
  ...
  friday: red
);

@each $day, $color in $days {
  .day-#{$day}  {
    background: rgba($color, 0.15);
    & .weekday {
      background: $color;
    }
  }
}

代码中一个明显的错误是错误的语法，它应该写为

{$variable}

，而不是

${$variable}

或

{variable}

。此外，不需要插入所有内容，您可以查看文档以更好地了解这一点

---

然后，由于您需要将天与颜色关联，因此应该使用a而不是a。使用循环可以访问每个值，以便在代码中需要的地方使用它们。

能否显示完整代码（带颜色）？您提供的代码中有多个错误，但有些可能是由于缺少部分造成的…@Arkellys会的。我确实认为编写这20行代码可能比坚持这一点更容易，但在SSCCThank you中嵌套变量的概念在智力上有着浓厚的兴趣。很明显，我对语法感到（彻底）困惑，而插值的概念对我来说是新的，因此这为处理文档提供了一些新的线索。