Question

我的代码中有这种情况：

<!-- This is the global CSS file -->
<style type="text/css">
#show_div{
    display: none;
}
</style>
<!-- This is the local CSS file (only in this page)-->
<style type="text/css">
#show_div{
    /* However to disable display: none;*/  
}
</style>
<body>
<div id = "show_div">
    Text text
</div>

我通常需要隐藏这个元素，但在一个页面上，我需要显示它。在全局css文件中，我有：

#show_div{
    display: none;
}

如何停用display: none;？我不能使用jQuery，$('#show_div').show();（或JavaScript）。

由于

如果您不理解我的问题，那么我道歉。我可以尝试再解释一下。

Answer 1

更改您想要在

上显示的页面的正文类或ID

<style>
#show_table #show_div{
display:block!important;
}
</style>


<body id='show_table'>
<div id='show_div'>
text text 
</div>

Answer 2

使用display: block获取display元素的默认<div>，例如tis：

#show_div { display: block; }

Answer 3

将其设置为different value，但听起来你最好只在页面中包含你希望它出现的内容，而不是将其放在任何地方并将其隐藏起来。

Answer 4

在单个页面上的样式前面使用!important来覆盖以前的样式定义。

#show_div {
display:block !important;
}

css，禁用display：none;

4 个答案: