Question

我的网络存在问题。当我为#responzivniMenu（display: none;）设置css时，它仍在显示，可能不会更改。我不知道问题出在哪里。

[已解决] 这是托管的问题！如果你对这个问题究竟是什么感兴趣，请查看我的答案帖。

我的HTML：

<div id="responzivniMenu">
  <a href="/uvod"><div id="skautLogoResponzivni"></div></a>
  <div class="responzivDrop">
        <button onclick="responziv()" class="responzivBtn"></button>
        <div id="responzivni" class="responzivni-content">
        <a href="/uvod" id="menuTlacitko">Domů</a>
        <a href="/historie" id="menuTlacitko">Historie</a>
        <a href="/aktuality" id="menuTlacitko">Aktuality</a>
        <a href="/vedouci" id="menuTlacitko">Vedoucí</a>
        <a href="/kontakty" id="menuTlacitko">Kontakt</a>
        <a href="/oddily" id="menuTlacitko">Oddíly</a>
          </div>
          </div>
          <script>

        function responziv() {
            document.getElementById("responzivni").classList.toggle("resshow");
        }

        window.onclick = function(event) {
          if (!event.target.matches('.responzivBtn')) {

            var dropdowns = document.getElementsByClassName("responzivni-content");
            var i;
            for (i = 0; i < dropdowns.length; i++) {
              var openDropdown = dropdowns[i];
              if (openDropdown.classList.contains('resshow')) {
                openDropdown.classList.remove('resshow');
              }
            }
          }
        }
        </script>
  </div>

和CSS：

#responzivniMenu {
display: none;
}

Answer 1

你的css风格被另一个css规则所覆盖，尝试在display：none之后添加！important。

#responzivniMenu {
display: none!important;
}

Answer 2

检查你的css文件。它可能包含#responzivniMenu的特定css，它会覆盖你的

Answer 3

对不起这篇文章的人，我的托管在上传文件和在服务器上更改它之间有很长的延迟。大约一个小时。感谢您的所有回复，我为浪费您的时间而道歉！

Answer 4

在你的html中，我没有看到你将css链接到页面的位置。如果你的CSS与你的html在同一页面而不是在一个单独的页面中，那么你必须使用“style”标签，你的代码将是

<style>
 #responzivniMenu 
 {
    display:none !important;   
 }
</style>

元素在css属性显示中显示格式错误

4 个答案: