Multiple CSS class, with a element

Question

I have links in a table.
like:

<table>
 <tr>
   <td><a href="lalala"></a></td>
   <td><a href="lalala"></a></td>
   <td><a href="lalala"</a></td>
   <td><a href="lalala"></a></td>
 </tr>
</table>

I want to use mutliple classes:

<td class="XYtableItem itemID"><a href="lalala" /></td>

The problem is: I cant reach the a elements in CSS I tried these:

.XYtableItem a {}
a.XYtableItem {}
XYtableItem > a {}

none of these works. I dont rly know this should work or not. +I cant put classes to the a elements, but doesnt matter, not working eiter.

The closing <a> tag is missing... is that in your original code? — Rimian
– Rimian, Commented Aug 22, 2011 at 12:06

Daniel · Accepted Answer · 2011-08-22 12:07:16Z

1

They should work, out of curiosity what CSS rules are you trying to apply to the link ? Bare in mind that there may be some other rules in the CSS overriding your ones, giving you the impression you're not targeting the link correctly.

.XYtableItem a

This one should be good

answered Aug 22, 2011 at 12:07

Daniel

23.4k12 gold badges111 silver badges155 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

detaylor · Accepted Answer · 2011-08-22 12:09:54Z

1

The first rule should match as that selects any a element that is the descendant of an element with the XYtableItem class.

The second rule will any a with the class XYtableItem and the third any a element that is a descendant of a XTtableItem element - possibly just missing the class selector (.).

Try adding content to your a tag as it shouldn't be self closing.

Example at http://jsfiddle.net/mfhHG/

answered Aug 22, 2011 at 12:09

detaylor

7,3001 gold badge29 silver badges46 bronze badges

Comments

Teja Kantamneni · Accepted Answer · 2011-08-22 12:11:14Z

0

As other answers suggest, most probably your style might be overriding by something else.. You firebug to inspect the element and trace the style.. it should show you what exactly is being overridden by which style..

answered Aug 22, 2011 at 12:11

Teja Kantamneni

17.5k12 gold badges58 silver badges86 bronze badges

Comments

Kyle · Accepted Answer · 2011-08-22 12:13:42Z

0

There are some problems with your HTML,

<table>
 <tr>
   <td><a href="lalala">Link</a></td>
   <td><a href="lalala">Link2</a></td>
   <td><a href="lalala">Link3</a></td>
   <td><a href="lalala">Link4</a></td>
 </tr>
</table>

And the selectors should be very simple.

Check this example.

answered Aug 22, 2011 at 12:13

Kyle

67.5k28 gold badges148 silver badges153 bronze badges

Comments

Ash · Accepted Answer · 2011-08-22 12:14:04Z

0

<style>
    td.aaa a {
        color: green;
    }
    td.bbb a {
        color: yellow;
    }
</style>

<table>
    <tr>
        <td class="XYtableItem aaa"><a href="lalala">aa</a></td>
        <td class="XYtableItem bbb"><a href="lalala">bb</a></td>
    </tr>
</table>

The above works for me. (Although I have had some problems with some styles like padding etc when using on a tags on IE)

answered Aug 22, 2011 at 12:14

Ash

1282 silver badges11 bronze badges

1 Comment

Ash Over a year ago

probably because your anchor tags were empty.

Collectives™ on Stack Overflow

Multiple CSS class, with a element

5 Answers 5

Comments

Comments

Comments

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

Comments

Comments

Comments

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related