我在按钮上设置了 onclick() 事件，以执行以下代码：

function digital_tour(){
    let loader = document.createElement("div");
    loader.className = "loader";
    console.log(loader);
    document.getElementById("main-div").appendChild(loader);
}

代码运行正常，元素加载器由 console.log 显示并返回：

<div class="loader"></div>

加载器 div 被附加到 main-div 中，包括类，但我的 css 样式未显示。我的 CSS 代码

.main-bg .loader{
    width: 100vw;
    position: absolute;
    top: 0;
    left: 0;
    height: 100vh;
    background-color: green;
    z-index: 5;
}

我想将 CSS 样式显示给加载器 div，但它不起作用。我需要做什么才能让它工作？