javascript - 更改 HTML 表格的字体样式？

Question

我有下面的 HTML 表格。

jsfiddle链接:

<table id="tabla" align="center" cellspacing="15" cellpadding="0">
    <tr>
        <td><input type="button" value="Form View"></input></td>
        <td><input type="button" value="Table view"></input></td>
    </tr>
    <tr>
        <td>Classification1:</td>
        <td>value</td>
        <td>Source:</td>
        <td>value</td>
        <td>Sic1:</td>
        <td>Value</td>
        <td>Sic Description1:</td>
        <td>value</td>
        <td>Source:</td>
        <td>value</td>
    </tr>
    <tr>
        <td>Classification1:</td>
        <td>value</td>
        <td>Source:</td>
        <td>value</td>
        <td>Sic1:</td>
        <td>Value</td>
        <td>Sic Description1:</td>
        <td>value</td>
        <td>Source:</td>
        <td>value</td>
    </tr>
    <tr>
        <td>Classification1:</td>
        <td>value</td>
        <td>Source:</td>
        <td>value</td>
        <td>Sic1:</td>
        <td>Value</td>
        <td>Sic Description1:</td>
        <td>value</td>
        <td>Source:</td>
        <td>value</td>
    </tr>
    <tr>
        <td>Classification1:</td>
        <td>value</td>
        <td>Source:</td>
        <td>value</td>
        <td>Sic1:</td>
        <td>Value</td>
        <td>Sic Description1:</td>
        <td>value</td>
        <td>Source:</td>
        <td>value</td>
    </tr>
</table>

这里每一行都有多个tds。我想将标签名称更改为粗体而不是值。 我该怎么做？

例如:

<td>Classification1:</td>
 <td>value</td>

这里Classification1:要加粗，value要正常

Answer 1

简单的 CSS 解决方案:

#tabla tr td:nth-child(2n-1) {
   font-weight: bold;
}