CODEWITHSUNDEEP
css
lolalola
lolalola

Reputation: 3823

css, disable display: none;

I have this situation in my code:

<!-- 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>

I usually need to hide this element, but on one page, I need to show it. In global css file I have:

#show_div{
    display: none;
}

How can I disable display: none;? I can not use jQuery, $('#show_div').show(); (or JavaScript).

Thanks

If you do not understand my problem, then I apologize. I can try to explain again.

Upvotes: 6

Views: 70608

Answers (4)

lu-bhz
lu-bhz

Reputation: 191

Use !important in front of your style on the single page to override previous style definitions.

#show_div {
display:block !important;
}

Upvotes: 2

Neon Physics
Neon Physics

Reputation: 3477

Change the body class or id of the page you want it to be visible on

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


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

Upvotes: 12

Nick Craver
Nick Craver

Reputation: 630379

Use display: block to get the default display for a <div> element, like tis:

#show_div { display: block; }

Upvotes: 6

Quentin
Quentin

Reputation: 943214

Set it to a different value, but it sounds like you'd be better off just including the content in the page you want it to appear in instead of putting it everywhere and hiding it.

Upvotes: 2

Related Questions