元素在css属性显示中显示的格式不正确

我的网络有问题。当我为#responzivniMenu（display: none;）设置css时，它仍在显示，可能不会更改。我不知道问题从何而来。元素在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; 
}

来源

2017-02-26 Eda Stehlik

responzivniMenu没有显示。这工作正常。 –

你的代码为mew正常工作 –

好吧我会检查主机 –

你的CSS样式被另一个CSS规则overrided，尝试添加后显示重要。

#responzivniMenu { 
display: none!important; 
}

来源

2017-02-26 13:49:48

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

来源

2017-02-26 13:50:56 kimo

对不起，这篇文章的家伙，我的主机只是有一个很长的延迟上传文件和改变它在服务器上出于某种原因。大约一个小时。谢谢你的回复，我很抱歉浪费你的时间！

来源

2017-02-26 13:54:50

在你的html中，我没有看到你在哪里链接你的CSS到页面。如果你的CSS它比你的HTML在同一页上，但不是在单独的页面，所以你必须使用的“风格”标签的代码将出现

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

来源

2017-02-26 13:59:13

感谢帖子，但它只是一段代码。只有几行来自hundrets。 –

元素在css属性显示中显示的格式不正确

回答

相关问题