Select first list in table - CSS first-child?

css, css-selectors

Solution

The `:first-child` selector is CSS2 and isn't supported on IE6. If IE6 is important then you'll need to give the first child a class you can select on instead. But the correct syntax is:

tr td:first-child ol { ... }

When you do:

tr:first-child ...

you're actually selecting `<tr>` elements that are first children. Also be aware that:

tr :first-child ...

is selecting the first children of table rows.

Problem

maybe I'm barking up the wrong tree. I'm have a table with 6 columns, each with an ordered list in. I want them all to have a border except for the first list. The site is in development here Basically though the html is ``` <tr> <td> <ol> <li>hello</li> </ol> </td> <td> <ol> <li>hello</li> </ol> </td> <td> <ol> <li>hello</li> </ol> </td> </tr> ``` I thought the first-child of tr would work like so `tr:first-child ol {style}`

Original source