title: How not to override property in CSS
body: <p>i'm a beginner in HTML and CSS , i've set <code>:hover</code> pseudo class to all anchor tags in my site with <code>background-color</code> , but at a portion of my site , i need to have a <code>background-image</code> in <code>:hover</code> as well as the <code>background-color</code>.</p>
  
  <p>But unfortunately the <code>:hover</code> class of that portion (<code>background-image</code>) is overriding the <code>background-color</code>, how to set both <code>background-color</code> and <code>background-image</code> without anyone overriding the other, so i get the global <code>background-color</code> with <code>background-image</code> in front of it?</p>
  
  <p>Of course without writing a special :hover in that portion with background-color &amp; image combined ?</p>