在nextjs上使用scss进行样式设置无法与.active一起使用

Question

我正在学习下一个js，我正在使用scss进行样式设计。如图2所示，样式工作正常，但使用.active类时效果不佳

Answer 1

效果很好，您需要使用:而不是.

&:active {
 background-color: yellow;
}