# \<td\> class color overidding a:hover color

**URL:** https://forum.kirupa.com/t/td-class-color-overidding-a-hover-color/223201
**Category:** web dev
**Created:** [April 20, 2007, 8:44am UTC](https://forum.kirupa.com/t/td-class-color-overidding-a-hover-color/223201 "2007-04-20T08:44:29Z")
**Posts on this page:** 1
**Page:** 1

<div class="post-metadata">

### Author: ![BoogWeed](https://avatars.discourse-cdn.com/v4/letter/b/dfb087/32.png) [@BoogWeed](https://forum.kirupa.com/u/BoogWeed)
#### Post date: [April 20, 2007, 8:44am UTC](https://forum.kirupa.com/t/td-class-color-overidding-a-hover-color/223201/1 "2007-04-20T08:44:29Z")

</div>

Hi all,

I have the following CSS

a:link {color:#666666;text-decoration:none;}  
a:visited {color:#666666;text-decoration:none;}  
a:hover {color:#FFFFFF;text-decoration:none;font-weight:bold;text-transform: uppercase;}  
a:active {color:#EA9616;text-decoration:none;}

.Text\_menu\_Level1 {color:#440000;font-weight:bold;font-family:arial;font-size:8pt;}

.Text\_menu\_Level1 is a class for a \<td\> tage which contains a link which I want to change to white, hence the a:hover.

However, the a:hover font-color attribute gets overridden by the font-color in the class for the \<td\>. The link is ofcourse, within the \<td\>.

How can I get this to work?

I’m not and advanced coder so any explanations in layman please! 🙂

Many Thanks.