为什么我的第一个HTML表格列没有粗体文​​字？

Question

我对col标记的理解告诉我，以下内容应该将我的第一个表格列中的文本设置为粗体，但这不会发生。我做错了什么？

<table class="span-12">
    <col style="font-weight: bold;" />
    <col />
    <tr>
        <td>
            Client
        </td>
        <td>
            Apartment Applied Visual Arts
        </td>
    </tr>
</table>

Answer 1

表数据单元格不是col元素的后代，因此它们不会从中继承任何属性。请参阅columns section of the CSS specification。

Answer 2

这不是正确的使用方法，但你可以试试这个：

<table class="span-12">
    <tr>
        <th>
            Client
        </th>
        <td>
            Apartment Applied Visual Arts
        </td>
    </tr>
</table>

但是，您必须向其添加一些css table.span-12 th {text-align: left;}

或

<style>
table.span-12 .fat {font-weight: bold;}
</style>

<table class="span-12">
    <tr>
        <th class="fat">
            Client
        </th>
        <td>
            Apartment Applied Visual Arts
        </td>
    </tr>
</table>

Answer 3

col（和colgroup）元素有些特殊。 CSS。由于表行和单元格不是col s的后代，因此CSS格式不会从col继承到单元格。

然而，有四个CSS属性可以应用于col和colgroup，这将影响单元格。这些是边框，背景，宽度和可见性。每个都有关于如何在单元格上解析属性的特定算法。

但由于font-weight不是这四个属性中的一个，因此它对您的示例没有任何影响。