Eu tenho em uma página HTML muitas tabelas, algumas das quais estão usando apenastr & td outros estão usando tudo o que podem:thead, tbody, tfoot, tr, th & td.

Devido a alguns problemas, estamos usando uma regra de CSS para criar a borda superior e esquerda da tabela e todas astd tem seu próprio limite direito e inferior.

Porque esta coisa em particular, precisamos obter otdestá nos quatro cantos e em volta do seu canto específico.

Como posso fazer uma única regra que pode selecionar apenas a primeira linha da tabela?

Eu estou usando esta regra até agora:

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

Neste jsfiddle você pode ver o meu problema: (http://jsfiddle.net/NicosKaralis/DamGK/)

Existe uma maneira de resolver as 2 implementações ao mesmo tempo?se houver, como posso fazer isso?se não, você pode me ajudar a descobrir a melhor maneira de fazer isso?

P.S .: Eu posso mudar o elemento das tabelas, mas ele fará muito mais refatoração em bibliotecas de terceiros, então nós não queremos mudar isso.