我的网站上有此代码：
<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;
}
但是，当我作为计算机上的文件打开网站时，它实际上没有显示并且正在按预期工作。
我已经搜索了一个答案，但是我主要遇到了人们通过在<html>标签之前放置<!DOCTYPE html>来修复它的人。
.no_display类是一个独立的事情，因为它将使用JavaScript将其删除以在按钮上显示"单击"。
有什么想法如何解决此问题？
使用CSS属性 display：无！检查您的班级名称和CSS类选择器是否相同的奖励积分😅