10/18 фоновые цвета не проходят проверку

Курсы §29. Таблицы на CSS
1

Прошу помочь. Браузер показывает все корректно, но проверка не работает. Код такой:

.formula {
margin: 10px;
width: 500px;
border-collapse: collapse;
display: table;
}

.formula p {
margin: 0;
padding: 10px;
font-size: 20px;
display: table-caption;
caption-side: bottom;
text-align: center;
}

.formula ul {
display: table-row;
}

.formula li {
display: table-cell;
text-align: center;
vertical-align: middle;
border: 1px solid #777777;
padding: 5px;
}

.formula header {
display: table-header-group;
background: #ffffff;
}

.formula .content {
display: table-row-group;
}

.formula .content-important {
display: table-footer-group;
background: #fffebc;
}

.formula .column {
display: table-column;
}

.formula .column-group {
display: table-column-group;
background: #b2fdd0;
}

.formula .column-last {
background: #ffbaba;
}

2

Имя файла изображения1919×1079 295 KB

3

Ваш код дает 100%. Попробуйте пройти задание в другом браузере.

4

Да, спасибо. В FF прошел. Какой-то глюк хрома.

5

Добрый день,
Выполнил задание, код такой же как у Вас.
Есть вопрос, помогите понять:

  • Почему цвет колонок зеленый и розовый, не перекрывает цвет хедера и футера таблицы,

Согласно теории - Если селекторы однотипные, то тогда более приоритетным является CSS-правило, которое расположено ниже в коде.

Или table-header-group и table footer group, имеют приоритет по сравнению с - table-row-group?

6

Думаю дело именно в этом:[quote=“Futurist, post:5, topic:4672”]
Или table-header-group и table footer group, имеют приоритет по сравнению с - table-row-group?
[/quote]

7

Спасибо!