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返回错误

未定义变量：“$grid”

。但我不知道为什么。我能做什么？

您正在媒体查询范围内定义

$grid

，然后尝试在该范围外使用它

就SASS编译器而言，媒体查询在这一点上是多余的，因此无法识别

$grid

但是，如果

文章

声明是在一个媒体查询内作出的，则该声明将起作用；同样，如果在媒体查询外定义

$grid

，则该声明将起作用