SCSS 在解析参数时显示错误

Question

这是我的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);

当我尝试编译代码时显示错误，如

Error: Invalid CSS after "td:nth-child(": expected An+B expression, was "$nb)" on line 4 of C:\Users\ACTECH\Documents\q6\q6.scss, in `childAlign' from line 16 of C:\Users\ACTECH\Documents\q6\q6.scss

但是有语法错误吗？

Answer 1

您在选择器中使用了一个变量，因此必须按以下方式对其进行插值 #{$varName}。

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

About Interpolation

SCSS 在解析参数时显示错误

SCSS showing error while parsing argument

css

sass

scss-mixins