ansaurus

Question

Answer 1

+1 A:

http://www.w3schools.com/css/pr_pseudo_first-child.asp

Note: For :first-child to work in IE, a DOCTYPE must be declared

Add something like:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;

And it should work

nico 2010-05-14 06:55:37

Answer 2

+1 A:

I would avoid styling tr elements because they don't really "exist" as such, apart from for semantic reasons. You're better off targeting the table cells themselves, with something like this:

table tfoot tr:first-child th,
table tfoot tr:first-child td {
    font-weight:bold;
    background:yellow;
    border-top:2px solid red; 
    border-bottom:2px solid red;
}

Also, since you are targeting directly nested elements, you can use the child selector, which is faster for browsers to parse (they only have to search one level up/down).

table > tfoot > tr:first-child > th,
table > tfoot > tr:first-child > td {
    ...
}

DisgruntledGoat 2010-05-14 13:55:42

ansaurus

tags:

views:

answers:

Why border of <tr> not showing in IE?

related questions