Tengo en una página HTML muchas tablas, algunas de las cuales solo están usandotr & td Otros están usando todo lo que pueden:thead, tbody, tfoot, tr, th & td.

Debido a que algunos problemas estamos usando una regla CSS para hacer el borde superior e izquierdo de la tabla y cadatd Tiene su propio borde derecho e inferior.

Porque esta cosa particular que necesitamos para obtener eltdEstá en las cuatro esquinas y redondea su esquina específica.

¿Cómo puedo hacer una sola regla que pueda seleccionar solo la primera fila de la tabla?

Estoy usando esta regla hasta ahora:

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

En este jsfiddle puedes ver mi problema: (http://jsfiddle.net/NicosKaralis/DamGK/)

¿Hay alguna manera de resolver las 2 implementaciones al mismo tiempo?Si la hay, ¿cómo puedo hacerlo?Si no, ¿puedes ayudarme a encontrar la mejor manera de hacerlo?

P.S .: Puedo cambiar el elemento de las tablas, pero hará mucho más refactorización en bibliotecas de terceros, por lo que no queremos cambiar eso.