title: CSS media queries and !important
body: <p>I have a website of which uses @media queries but it doesn't seem to set them. They always keep the default style.</p>
  
  <p>For example:</p>
  
  <pre><code>#div1 { background:red}
  
  @media screen and (max-height:912px) {
  #div1{background:blue}
  }
  </code></pre>
  
  <p>will always stick with <strong>background:red</strong> unless I use <code>!important</code> but within my media queries I am styling so many selectors. Do I need to set to every single selector style <code>!important</code> ?</p>