Sass &引用；10%”；不是'lighte'；

使用此SASS：

$priamry-dark: #333;    

$nav-section-colors: (darkest, 10%) (darker, 15%) (dark, 20%) (medium, 30%) (light, 40%) (lighter, 50%) (lightest, 60%);

        @each $color in $nav-section-colors {
          .#{nth($color, 1)} {
            background: lighten($primary-dark, #{nth($color, 2)});
          }
         }

我得到一个错误：

"10%" is not a number for `lighten'

---

如果我手动键入

light（$primary dark，10%）

，效果很好。任何百分比都会出现问题。

为了回答我自己的问题，删除插值（#{}）并直接使用第n个（）的结果解决了我的问题

---

感谢cimmanon为我指明了正确的方向。

我不知道为什么你要在所有导航部分循环，而一个类或封闭的div就足够了。我想要一组类（.dark、.dark、.dark等），我可以应用于项目的各个部分。感谢cimmanon，我可以通过简单地不使用SASS插值来解决这个问题。最好将重复项作为重复项关闭，而不是回答它们。我如何将其标记为重复项？