Mam na stronie HTML wiele tabel, z których niektóre używają tylkotr & td inni używają wszystkiego, co mogą:thead, tbody, tfoot, tr, th & td.

Ponieważ niektóre problemy wykorzystujemy regułę CSS, aby utworzyć górną i lewą krawędź tabeli i każdątd ma własną prawą i dolną granicę.

Ponieważ tę konkretną rzecz musimy uzyskaćtdjest we wszystkich czterech rogach i wokół ich konkretnego rogu.

Jak mogę zrobić jedną regułę, która może wybrać tylko pierwszy wiersz w tabeli?

Dotychczas korzystam z tej reguły:

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;
}

W tym jsfiddle możesz zobaczyć mój problem: (http://jsfiddle.net/NicosKaralis/DamGK/)

czy istnieje sposób na rozwiązanie dwóch implementacji w tym samym czasie?jeśli istnieje, jak mogę to zrobić?jeśli nie, czy możesz mi pomóc w znalezieniu najlepszego sposobu, aby to zrobić?

P.S: Mogę zmienić element tabel, ale uczyni to znacznie więcej refaktoryzacji w bibliotekach innych firm, więc nie chcemy tego zmieniać.