Div的显示:none被用户代理样式表覆盖,但在本地工作

时间:2017-12-21 18:49:43

标签: javascript html css

我的网站上有这段代码:

<div class="test_section no_display" id="test_section_metric">
      <div class="section_start_bar">

      </div>
      <div class="section_end_bar">

      </div>
</div>

这片css:

.test_section
{
    width:70%;
    margin-left:15%;
    background-color: var(--color_main);
}

.no_display
{
    display: none;
}

但是会显示带有“no_display”类的div,因为当我在Chrome中检查网站时,我发现它会覆盖用户代理样式表,如下所示:

div{
    display:block;
}

但是,当我打开网站时,就像我的计算机上的文件一样,它实际上没有显示,并且按预期工作。

我已经搜索过了一个答案,但是我通常会在<!DOCTYPE html>标记之前添加<html>来解决问题。我已经完成了。{/ p>

.no_display类是一个单独的东西,因为它将被javascript删除,以便在点击按钮时显示内容。

任何想法如何解决这个问题?

0 个答案:

没有答案