[SOLVED] #myid a { a little more specific?

[michaellunsford]

okay, I have a table that's supposed to have a colored background in the first column, but a regular link in the second. This code is creating yellow in all fields. I'm thinking I need to add something, but I'm out of ideas.

 

Any help is much appreciated.

 

<style type="text/css">
#myid a {
display:block;
width:80px;
height:20px;
background:#FF0;
color:#000;
}
</style>
<table id="myid">
<tr><td><a href="somelink.html">click me</a></td><td><a href="different link">some info</a></td></tr>
<tr><td><a href="somelink.html">click me</a></td><td><a href="different link">some info</a></td></tr>
<tr><td><a href="somelink.html">click me</a></td><td><a href="different link">some info</a></td></tr>
</table>

[bwochinski]

Using the "first-child" pseudo class would be perfect for this... if only it was supported by IE.  (I believe IE 7 does, but not previous).  I'd probably assign the styles to the table cell and just add a class to it, like so <td class="leftcol">

[michaellunsford]

I had tried that last night (while dog tired), but got it working today with the class suggestion. What I missed last night was turning off the table id. What a difference a good night sleep makes

 

Thanks for the help