使用CSS的表格样式

我为这个问题制作了一个简单的HTML表。

我想有文本和另一个用于在数字不同的风格<td>，并在<tfoot>。

我可以将文字的样式<td>与和中的数字不同<tfoot>吗？

和

在网络实践中，为更复杂的表格设置样式的最佳方法是什么？

更新

像这样？

<td> 12<b>x</b>6 </td>

这是我的小提琴。

的HTML

<table>
    <caption>Woah</caption>
    <thead>
        <tr>
            <th></th>
            <th>Animalistic</th>
            <th>People</th>
        </tr>
    </thead>
    <tfoot>
        <td>Run</td>
        <td>1 x 92</td>
        <td>1 x 92</td>
    </tfoot>
    <tbody>
        <tr>
            <td>John</td>
            <td>9889 x 92</td>
            <td>9889 x 92</td>
        </tr>
    </tbody>
    <tbody>
        <tr>
            <td>Bill</td>
            <td>9889 x 92</td>
            <td>9889 x 92</td>
        </tr>
    </tbody>
</table>

的CSS

table {
    width:300px;
    background:#f5f7f3;
}
caption {
    background:#000;
    color:#fff;
}
th {
    border:1px solid #000;
    height:40px;
    background:#b2b2b2;
}
td {
    border:1px solid #b2b2b2;
}