<a href & <a id CSS coding help!!

[xxll_martin_llxx]

Building a new website - http://www.horseracingtipcomparison.com

On this page - http://www.horseracingtipcomparison.com/uk-horse-racing-tracks-number-2/

Obviously at the top if you click any of the names, it takes you down the page to that anchor for that track.
I want the track names at the bottom to just be text in black. What's wrong with my CSS coding??

<a href="#AINTREE">Aintree</a>
<a href="#ASCOT">Ascot</a>
<a href="#AYR">Ayr</a>

<a id="AINTREE">Aintree</a>
<a id="ASCOT">Ascot</a>
<a id="AYR">Ayr</a>

 a, a:link, a:active { text-decoration:underline; color:#06C; }
a:hover { color:#06C; }
a:visited { color:#06C;/*#6300CC*/; }
.ainv a, .ainv a:link, .ainv a:visited, .ainv a:active { text-decoration:none; }
.ainv a:hover { text-decoration:underline; }
a.ainv:link, a.ainv:visited, a.ainv:active { text-decoration:none; }
a.ainv:hover { text-decoration:underline; }

a.id { 
     color:#000; 
     text-decoration:none; }

 

[AngusThermopyle]

To each link you want to make plain add
class="plain"
and then to css add

a.plain {
color:#000;
text-decoration:none; }

OR

just change your current css to

a[id]{
color:#000;
text-decoration:none; }

but this will turn any link with an id black and no underline

Check the Forum for recent threads about changes not showing up immediately due to browser and server caching and ways around it.

 

[xxll_martin_llxx]

Hero!

That second one is exactly what I'm after.

Thank you very much!