点击添加active类后SCSS/Sass样式未生效问题求助

核心错误为调用jQuery addClass() 方法时传入的类名多写了前置.符号：

• addClass() 方法仅需传入纯类名字符串，不需要像CSS选择器一样添加.前缀
• 原写法实际给元素添加的是类名为.active的类，与SCSS中定义的active类无法匹配，因此样式不生效

修正后的jQuery代码 #

$(".header").on("click", function (){
    const wrapper = $(".modal-wrapper");
    // 移除类名前的.即可
    wrapper.addClass("active");
});

修改后重新触发点击操作，元素上会添加无.前缀的active类，即可正确匹配SCSS规则，样式正常生效。

内容的提问来源于stack exchange，提问作者RandomDeveloper