Возможно, я лаяю неправильное дерево. У меня есть таблица с 6 столбцами, каждая из которых имеет упорядоченный список. Я хочу, чтобы все они имели границу, за исключением первого списка.
Сайт находится в разработке здесь В основном, хотя html
<tr>
<td>
<ol>
<li>hello</li>
</ol>
</td>
<td>
<ol>
<li>hello</li>
</ol>
</td>
<td>
<ol>
<li>hello</li>
</ol>
</td>
</tr>
Я думал, что первый ребенок tr будет работать так: tr:first-child ol {style}
Селектор :first-child является CSS2 и не поддерживается в IE6. Если IE6 важен, вам нужно будет дать первому ребенку класс, который вы можете выбрать вместо него. Но правильный синтаксис:
tr td:first-child ol { ... }
Когда вы выполните:
tr:first-child ...
вы фактически выбираете элементы <tr>, которые являются первыми детьми. Также имейте в виду, что:
tr :first-child ...
выбирает первые дочерние строки таблицы.
Это не совсем так, как это работает, tr:first-child ol выбирает tr, который является первым дочерним элементом его родительского элемента. Вы должны использовать псевдокасс first-child на td.