SCSS 在解析参数时显示错误

【问题标题】：SCSS showing error while parsing argumentSCSS 在解析参数时显示错误
【发布时间】：2026-02-20 04:00:01
【问题描述】：

这是我的scss 代码-

$perc:100%;

@mixin childAlign($nb,$al){
    td:nth-child($nb){
        text-align:$al;
    }
}
table,th,td{
        border: 1px solid black;
}   
img {
    max-width: $perc;
    max-height: $perc;
}

@include childAlign(1,center);
@include childAlign(2,left);
@include childAlign(3,left);
@include childAlign(4,center);

当我尝试编译代码时，它显示的错误类似于

错误：“td:nth-child(”后的 CSS 无效：预期的 An+B 表达式为“$nb)” 在 C:\Users\ACTECH\Documents\q6\q6.scss 的第 4 行，在 `childAlign' 中从 C:\Users\ACTECH\Documents\q6\q6.scss 的第 16 行

但是有语法错误吗？

【问题讨论】：

标签： css sass scss-mixins

【解决方案1】：

您在选择器中使用了一个变量，因此它必须按照#{$varName} 进行插值。

td:nth-child(#{$nb}) { ... }

About Interpolation

【讨论】：