Html css属性显示中的元素显示格式错误
我的网络有问题。当我为Html css属性显示中的元素显示格式错误,html,css,Html,Css,我的网络有问题。当我为#responzivniMenu(显示:无;)设置css时,它仍在显示,可能不会更改。我不知道问题出在哪里 [已解决]这是主机问题!如果你感兴趣的话,请查看我的回复帖子,到底是什么问题 我的HTML: <div id="responzivniMenu"> <a href="/uvod"><div id="skautLogoResponzivni"></div></a> <div class="resp
#responzivniMenu
(显示:无;
)设置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样式被另一个css规则覆盖,请尝试添加!显示后重要提示:无
#responzivniMenu {
display: none!important;
}
检查你的css文件。它可能包含一个特定的css用于你的#responzivniMenu,它覆盖了你的抱歉,这篇文章,我的主机只是在上传文件和出于某种原因在服务器上更改文件之间有很长的延迟。大约一个小时。谢谢你的回复,很抱歉浪费了你的时间 在您的html中,我没有看到您将css链接到页面的位置。 如果你的css和html在同一个页面上,但不是在一个单独的页面上,那么你必须使用“样式”标记,你的代码将被删除
<style>
#responzivniMenu
{
display:none !important;
}
</style>
#responzivniMenu
{
显示:无!重要;
}
responzivniMenu未显示。这很好。您的代码在mewOk中正常工作。我将检查主机。最好的猜测是,其他CSS规则或添加的JavaScript样式设置了其他显示值。右键单击该元素,选择“inspect element”,查看CSS规则对其的应用。感谢您的帖子,但这只是一段代码。只有几行从百德雷茨。
<style>
#responzivniMenu
{
display:none !important;
}
</style>