Почему мой первый столбец HTML-таблицы не имеет жирного текста?

Мое понимание тега col говорит мне, что следующее должно стилизовать текст в моем первом столбце таблицы как жирный шрифт, но этого не происходит. Что я делаю неправильно?

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

Ответ 1

Ячейки данных таблицы не являются потомками элемента col, поэтому они не наследуют никаких свойств от него. См. Раздел столбцов спецификации CSS.

Ответ 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>

Ответ 3

col (и colgroup) элементы несколько особенные. CSS. Поскольку строки и ячейки таблицы не являются потомками col s, форматирование CSS не наследуется от col до ячеек.

Однако есть четыре свойства CSS, которые могут быть применены к col и colgroup и которые будут влиять на ячейки. Это граница, фон, ширина и видимость. Каждый из них имеет конкретные алгоритмы для того, как свойства будут разрешены в ячейках.

Но так как font-weight не является одним из этих четырех свойств, он не имеет никакого эффекта в вашем примере.