Question

I would like to apply CSS styles to links that appear in column headers in my web page. I have added the following to my CSS:

thead tr td a { color: White; }

However, my links are still the standard blue (purple when followed) color.

A link in a column header is an anchor tag embedding in a td tag embedded in a tr tag which is embedded in a thead tag, right?

Why isn’t my CSS producing the desired result?

Update:
Interestingly, this doesn’t work either: all links on the page are still blue and purple.

a { color: white; }
a:hover { color: white; }
a:visited { color: white; }
a:active { color: white; } 

Answer 1

Use

thead tr td a { color: white; }
thead tr td a:hover { color: white; }
thead tr td a:visited { color: white; }
thead tr td a:active { color: white; }

See this live example

To remove the underline include text-decoration: none; in the first tag

If that still doesn’t work try using !important after each one