我的网站上有这段代码:
<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删除,以便在点击按钮时显示内容。
任何想法如何解决这个问题?