即使添加了类，也没有应用 Scss/sass 样式答案

【问题标题】：Scss/sass styles not being applied even with class being added即使添加了类，也没有应用 Scss/sass 样式
【发布时间】：2021-12-12 11:55:28
【问题描述】：

我有一个函数可以在点击时添加 active 类。

问题是我可以看到在浏览器上单击inspect 时添加了类，但实际样式并未被应用。

在下面查看我的代码

HTML

<div class="header">
</div>
<div class="modal-wrapper">                     
</div>

jQuery

$(".header").on("click", function (){
    const wrapper = $(".modal-wrapper");
    wrapper.addClass(".active");
});

文字

.modal-wrapper{
    &.active{
        width: 100%;
        height: 100%; 
        position: fixed; 
        background-color: #444; 
        top: 0; 
        left:0; 
        z-index:4444;
    }
}

【问题讨论】：

你能用另一个css（不是scss）类名试试吗？我猜是因为 scss 没有正确编译。
尝试作为新的 css 类 .canx-active 并仍未应用。控制台/检查显示为<div class="modal-wrapper .canx-active"></div>
wrapper.addClass(".active"); 应该是 wrapper.addClass("active");，在 CSS 类名中没有前导 .
@RandomDeveloper 正如 Phuzi 所说，它必须是 wrapper.addClass("active");

标签： html jquery sass

【解决方案1】：

您的代码中有小的语法错误，请删除 .来自“活动”类名

wrapper.addClass(".active");

改为

wrapper.addClass("active");

工作 Js 小提琴：https://jsfiddle.net/katheer_mizal/qb4zwa1k/3/

【讨论】：