NUEVA RESPUESTA
Puede utilizar tantas <tbody>
etiquetas como desee. No me di cuenta de que W3C estaba bien hasta ahora. No quiero decir que mi solución a continuación no funcione (lo hace), pero para hacer lo que está tratando de hacer, asigne sus <tbody>
clases de etiquetas y luego haga referencia a sus <td>
etiquetas individuales a través de CSS así:
table tbody.yourClass td {
padding: 10px;
}
y su HTML así:
<table>
<tbody>
<tr><td>Text</td></tr>
<tr><td>Text</td></tr>
<tr><td>Text</td></tr>
</tbody>
<tbody class="yourClass">
<tr><td>Text</td></tr>
<tr><td>Text</td></tr>
<tr><td>Text</td></tr>
</tbody>
<tbody>
<tr><td>Text</td></tr>
<tr><td>Text</td></tr>
<tr><td>Text</td></tr>
</tbody>
</table>
Prueba a ese chico :)
ANTIGUA RESPUESTA
hagas lo que hagas, NO insertes filas en blanco ...
no debería tener más de 1 elemento tbody en su tabla. lo que puede hacer es establecer el atributo class o id en sus <tr>
elementos y darles <td>
relleno a sus etiquetas correspondientes :
table {
border-collapse: collapse;
}
tr.yourClass td {
padding: 10px;
}
Incluso puede asignar a la parte superior e inferior <tr>
una clase adicional para que solo realicen relleno superior o inferior, respectivamente:
tr.yourClass.topClass td {
padding: 10px 0 0 0;
}
tr.yourClass.bottomClass td {
padding: 0 0 10px 0;
}
y en su HTML, su <tr>
etiqueta se vería así:
<table>
<tbody>
<tr><td>Text</td></tr>
<tr><td>Text</td></tr>
<tr><td>Text</td></tr>
<tr class="yourClass topClass"><td>Text</td></tr>
<tr class="yourClass"><td>Text</td></tr>
<tr class="yourClass bottomClass"><td>Text</td></tr>
<tr><td>Text</td></tr>
<tr><td>Text</td></tr>
<tr><td>Text</td></tr>
</tbody>
</table>
¡Espero que esto ayude!