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);

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

错误：“ td：nth-child（”：预期的An + B表达式为“ $ nb）”之后的CSS无效在C：\ Users \ ACTECH \ Documents \ q6 \ q6.scss的第4行中，位于“ childAlign”中从C：\ Users \ ACTECH \ Documents \ q6 \ q6.scss第16行开始

但是有语法错误吗？

Answer 1

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

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

About Interpolation

SCSS解析参数时显示错误

1 个答案: