title: Overriding css for a specific div?
body: <p>i have a <code>a:hover</code> for all my links on my page:</p>
  
  <pre><code>a:hover {
    background-color: blue;
    text-decoration: underline;
    color: black;
  }
  </code></pre>
  
  <p>but but there are specific ones in a div that i don't want anything to happen when you hover over them, so can i do something like this?</p>
  
  <pre><code>#what_we_offer a:hover {
    background-color: none:
    text-decoration: none;
    color: none;
  }
  </code></pre>
  
  <p>basically i don't want it to do any of the above when it hovers over them specific links.</p>
  
  <p>thanks</p>