title: CSS Style Individual <div=id
body: <p>I have a ccs sheet with the usual tags
      a. {}
      a.hover {}</p>
  
  <p>I also have a div=id "footer" that I want to change the font style but the global a. and a.hover are overriding it even when I add a </p>
  
  <pre><code>#footer{
      color: #333333
  }
  </code></pre>
  
  <p>Can I override using this or do I need to try? <code>a.#footer</code> or <code>a.hover:#footer</code></p>
  
  <p>Basically the #footer as is wont work because of the a. mentioned above even though the other elements are working in the <code>#footer</code> div such as margin...just the font color and hover??</p>
  
  <p>Can someone tell me how to style this and not let the global a. interfere with it?</p>
  
  <p>Many thanks</p>