在下一个 js 中使用 Sass 嵌套选择器

Question

为什么不起作用？

我想更改主题或活动菜单类似的东西...

Answer 1

尝试将您的“深色”class 转换为 styles.dark，也许不需要 nasted 选择器。

.wrapper {
  ...code;
}

.dark {
  background-color:black;
}

Answer 2

看起来您正在将“isDark”设置为等于变量“prev”，但是您的代码中没有在任何地方指定“prev”，请试试这个。

onClick{() => setIsDark(!isDark)}

还有 Manfre 所说的，你的条件 class 是全局使用 'dark' 作为 class，你需要指定为 '{styles.dark}'

using Sass nested selector in next js