title: css, disable display: none;
body: <p>I have this situation in my code:</p>
  
  <pre><code>&lt;!-- This is the global CSS file --&gt;
  &lt;style type="text/css"&gt;
  #show_div{
      display: none;
  }
  &lt;/style&gt;
  &lt;!-- This is the local CSS file (only in this page)--&gt;
  &lt;style type="text/css"&gt;
  #show_div{
      /* However to disable display: none;*/  
  }
  &lt;/style&gt;
  &lt;body&gt;
  &lt;div id = "show_div"&gt;
      Text text
  &lt;/div&gt;
  </code></pre>
  
  <p>I usually need to hide this element, but on one page, I need to show it. In global css file I have:</p>
  
  <pre><code>#show_div{
      display: none;
  }
  </code></pre>
  
  <p>How can I disable <code>display: none;</code>?
  I can not use jQuery, <code>$('#show_div').show();</code> (or JavaScript).</p>
  
  <p>Thanks</p>
  
  <p>If you do not understand my problem, then I apologize. I can try to explain again.</p>