Styling All Anchor Tags Within A <td> Element

Question

i already have a css section:

.leftMemberCol
{
width:125px;
vertical-align:top; 
padding: 13px;
border-width:0px;
border-collapse:separate;
border-spacing: 10px 10px;
text-align:left;
background-color:#f2f3ea;
}

for a td section (a left side bar). I want to make all of the links inside this cell be the color green.

is there any syntax like:

.leftMemberCol.a
{
color:#E3E3CA; 
}

or any other suggestions instead of having to go to each page and wrapping all the links around another class name.

Answer 1

Just do:

.leftMemberCol a
{
   color:#E3E3CA;  
}

That will select all anchor tags nested within the element with the class of .leftMemberCol

Answer 2

replace the last dot with a space

.leftMemberCol a {
  style goes here
}

The dot indicates a class. A hash indicates an id (

 <div id="home">

can be styled with

#home { }

). A regular html element, like a td or a doesn't need a prefix.

Answer 3

.leftMemberCol a
{
    color:#E3E3CA;  
}

This targets all <a> elements that are descendents of .leftMemberCol

Answer 4

 .leftMemberCol>a
 {
 color:#E3E3CA;  
 }

Answer 5

You are very close. This is how you select the links inside the cell:

.leftMemberCol a
{
   color: #E3E3CA;  
}

You can read more about selectors here.

Edit:
If the style doesn't take effect, it's probably because you have some other style defined for the links that is more specific. You can make the style more specific by adding specifiers, for example:

td.leftMemberCol a
{
   color: #E3E3CA;  
}

As a last resort you can also use the !important directive:

.leftMemberCol a
{
   color: #E3E3CA !important;
}

Answer 6

.leftMemberCol a
{
color:#E3E3CA;  
}

should do the trick.

Answer 7

If the color doesn't work, check if you set it earlier on in your CSS file for any of the pseudo selectors of the a tag, i.e. a:link etc.

override them using

.leftMemberCol a:link,
.leftMemberCol a:hover,
.leftMemberCol a:visited,
.leftMemberCol a:active
{
   color: #E3E3CA;  
}