Seleccione solo la primera fila en una tabla con css
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 eltd
Está 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.