Элемент colgroup таблицы HTML не работает?

Question

Я хочу разные стили для каждого столбца таблицы. Я читал, что вы можете сделать это, используя <colgroup> или <col>, но мне не повезло. У меня есть пример здесь , и, кажется, ничего не меняется. Я делаю что-то неправильно? Будет ли это работать на xhtml?

Я знаю, что могу добавить атрибут "class" к каждому <td>, но это кажется слабым.

Answer 1

Это верно. Хотя colgroup сам поддерживается всеми браузерами, это не так для атрибутов внутреннего col элемента . Из возможных атрибутов только width поддерживается во всех браузерах. Но в отличие от CSS, <col width=""> поддерживает только ширину в пикселях и процентах.

Не используйте это. Вместо этого создайте CSS-классы и назначьте их каждому td. Да, это отстой.

РЕДАКТИРОВАТЬ Обновлена ​​ссылка выше на страницу с более подробной информацией

Answer 2

Установите ваш table-layout на автоматический вместо фиксированного ...

table {table-layout: auto;}

Мой личный сайт поддерживает несколько тем, и я постоянно вижу подобные различия.

Answer 3

Вы можете использовать селекторы css для получения похожих результатов без добавления дополнительных классов.

В качестве примера, если вы хотите задать конкретный стиль для второго столбца, вы можете использовать:

table>tbody>td:nth-child(2){font-weight: bolder;}