Question

我有以下两个.scss文件： * _nav-critical.scss * _nav.scss

在_nav-critical.scss我有这个：

.nav-item {
  display: block;
  padding: 1em;
}

在_nav.scss我有这个：

@import "_nav-critical";

.nav-item {
  transform: scale(1.2, 1.2);
}

我在css文件中的所需结果是：

.nav-item {
  display: block;
  padding: 1em;
  transform: scale(1.2, 1.2);
}

但我得到的是：

.nav-item {
  display: block;
  padding: 1em;
}

.nav-item {
  transform: scale(1.2, 1.2);
}

我有什么方法可以做到这一点？目的是能够内联头部中的关键内容并通过loadCSS等内容加载所有内容并保存到localStorage / cache，因此如果CSS已经缓存/保存，我不必内联样式。

感谢名单！

Answer 1

Sass没有“合并”重复选择器的功能。在编译CSS之后，您需要找到另一个实用程序来执行此操作。

问候。