相关疑难解决方法(0)

我有一个item类和一个紧凑的"修饰符"类:

.item { ... }
.item.compact { /* styles to make .item smaller */ }

这可以.但是,我想添加一个@media查询,.item当屏幕足够小时强制类紧凑.

首先想到的是,这就是我试图做的事情:

.item { ... }
.item.compact { ... }
@media (max-width: 600px) {
  .item { @extend .item.compact; }
}

但是这会产生以下错误:

你可能不会在@media中扩展外部选择器.您只能在同一指令中@extend选择器.

如何使用SASS完成此操作而无需使用复制/粘贴样式？