css - SASS 看不到变量

<分区>

我想添加由 @media 断点确定的边框。我的代码如下:

@media(max-width:767px) { $height: auto; $grid: 1; }
@media(min-width: 768px) and (max-width:991px) { $height: 370px; $grid: 2; }
@media(min-width: 992px) and (max-width:1199px) { $height: 240px; $grid: 4; }
@media(min-width: 1200px) { $height: 195px; $grid: 6; }

article:nth-child(-n+#{$grid}) {
    border-top: 1px solid #353535;
}

SASS 返回错误 Undefined variable: "$grid"。但我不知道为什么。我能做什么？

最佳答案

您正在媒体查询范围内定义 $grid，然后尝试在该范围之外使用它。

就 SASS 编译器而言，此时媒体查询是多余的，因此 $grid 不会被识别。

但是，如果 article 声明是在其中一个媒体查询中进行的，那么它会起作用，同样，如果您在媒体查询之外定义 $grid，它也会起作用。

关于css - SASS 看不到变量，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/26156875/