更改表格列宽

Question

我正在使用构建以下模板中的表的反应库：

    <div class="table-container" style="width:100%">
    <table style="width:100%">
        <thead>
            <tr>
                <th>BLA_Column</th>
            </tr>
        </thead>
    </table>
    <table style="width:100%">
        <tbody>
            <tr>
                <td>BLA_Body</td>
            </tr>
        </tbody>
    </table>
</div>

我能够将th和td的宽度设置为auto，但结果是我得到两个不同的大小（一个用于th，一个用于td）。 当我尝试使用以下选择器（例如）时，没有任何反应：

table > thead > th {
    width: 100px;
}

当我尝试使用chrome dev-tools直接更改宽度时，根本没有变化。

提前致谢！

Answer 1

CSS字符＆gt;只选择直接孩子。使用以下命令更改CSS：

table > thead th {
    width: 100px;
}

或

table > thead > tr > th {
    width: 100px;
}