У меня на странице HTML много таблиц, некоторые из которых используют толькоtr & td другие используют все, что могут:thead, tbody, tfoot, tr, th & td.

Поскольку некоторые проблемы, мы используем правило CSS, чтобы сделать верхнюю и левую границу таблицы и каждыйtd имеет свою правую и нижнюю границу.

Потому что именно эту вещь нам нужно получитьtdЭто во всех четырех углах и вокруг их конкретного угла.

Как я могу сделать одно правило, которое может выбрать только первую строку в таблице?

Я использую это правило до сих пор:

table.unit tr:first-child td:first-child, table.units thead tr:first-child th:first-child {
  border-top-left-radius: 10px;
}
table.unit tr:first-child td:last-child, table.units thead tr:first-child th:last-child {
  border-top-right-radius: 10px;
}

В этом jsfiddle вы можете увидеть мою проблему :(http://jsfiddle.net/NicosKaralis/DamGK/)

Есть ли способ решить 2 реализации одновременно?если есть, как я могу это сделать?если нет, можете ли вы помочь мне придумать лучший способ сделать это?

П.С .: Я могу изменить элемент таблиц, но это сделает намного больше рефакторинга в сторонних библиотеках, поэтому мы не хотим этого менять.