SASS没有看到变量[重复项]

Question

这个问题已经在这里有了答案：

• 在CSS3媒体查询中使用Sass变量 6个答案

我想添加由@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" 。 但是我不知道为什么。 我能做什么？

Answer 1

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

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

但是，如果article声明是在其中一个媒体查询中进行的，则可以使用，同样，如果在媒体查询之外定义$grid ，则可以使用。