我的CSS类是否不适用于我的div容器？

Question

我有一个问题，问题是我有一个标头，有这样的multipls容器：

<header>
    <div class="logo-and-social-media-container"></div>
    <div class="levels-container hideImp">
        <div class="first-level-container"></div>
        <div class="second-level-container"></div> 
    </div>
</header>

[在那些容器内，是由javascript用createElement和createNode文本生成的html代码，这些容器内的元素具有自己的样式。并且工作正常。

但是不应用此类：

.hideImp {
   display: none !important;
}

为什么？我不知道，我尝试了一些事情：

• 我删除了缓存，但似乎无济于事
• 我试图删除除该类之外的所有css类，以查看我的html文件和css文件之间是否没有接触，但是我的html元素通过删除css类来恢复其默认样式，这意味着存在接触，因此我只有一个css文件，只有上面看到的属性，但是不起作用。
• 我试图强制刷新，但是我认为删除缓存比这更有效。

我也尝试过这个：

<header>
    <div class="logo-and-social-media-container"></div>
    <style>.hideImp {display: none !important;}</style>
    <div class="levels-container hideImp">
        <div class="first-level-container"></div>
        <div class="second-level-container"></div> 
    </div>
</header>

我在检查器中看到的是我的div具有其默认显示值（display: div;]

是什么问题？

Answer 1

我认为您必须尝试以下代码-

.levels-container {
  display: none;
}