Topic: First TD (Page 1 of 1)

Hello,
I'm trying to set the font-weight for the first TD of a particular table who's class is "some_class"... but am not getting it to work. Here is what I have:

.contact_detail td:first-child{
font-weight:bold;
}

Am I close?
Karl

From what I've read in the specs, yes, that seems correct.

I've also read though that support for 'first-child' is still pretty quirky...may want to check out som compatibility charts.

It's very likely that you're just encountering a browser bug.

However, you should ask yourself, why are you making these particular table cells bold? I suspect that you want them to look like they're the header for the row they're on. Consider, if these table cells are headers, perhaps you should be using the <th> (table header cell) tag instead of the <td> (table data cell) tag? If that's the case, then you can merely start using <th> instead of <td> in those places, and apply the styles you want to <th> tags. Then you don't have to worry about the first-child problem.

Only do that, though, if the cells you're making bold are indeed header cells.

My result will contain 5 to 10 columns (TD's).. I have multiple rows of these results, so like 100. The first TD of each result I'd like to set to BOLD. I am generating my results with XSLT, I could easily generate a class for the first TD... but was trying to accomplish with CSS. Will probably just handle this with XSLT.

Karl

We understand what you want, but slime's question of why is a good one - I'm curious...

Are they going to act as headers, or is there some other reason?

Hmm... the ":first-child" pseudo-class isn't supported by most browsers (although I wouldn't be surprised if it happened to work in Opera or Mozilla) so you don't wanna rely on that one. Better just to give them class attributes, even if that dirties up the code a little.

Of course, if they're header cells you should be using <th> as slime said.
<th> automatically boldens the text within it.