Hi - I am new to CSS and have problem understanding why   a:hover    
class's 'background-color' property is not affecting an email link  
styled by a descendent selector ( #legal a ) in following code.
____________________________________________

a {
   color: #207EBF;
   text-decoration: none;
   font-weight: bold;
   border-bottom: 2px solid #F60;
}
a:visited {
   color: #6E97BF;
}
a:hover {
   color: #FFF;
   background-color: #6E97BF;
   border-bottom-color: #6E97BF;
}
#legal a {
   color: #666666;
   border: none;
   background: url(images/email.gif) no-repeat left center;
   padding-left: 20px;
   margin-left: 10px;
   }

...........

<p id="legal">Copyright 2010. <a href="mailto:c...@cosmofarmer.com";>E- 
mail comments to cs     s...@cosmofarmer.com</a></p>
____________________________________________

many thanks, Naseer.
______________________________________________________________________
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Reply via email to