10/18 не понимаю как задать цвет ячейкам

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

Объясните, пожалуйста, совсем по-тупому как нужно задать красный и зеленый цвет ячейкам?
не могу понять как это сделать

2

Для этого последней колонке нужно задать:
display: table-column;
background-color: #ffbaba;

3

а можете объяснить принцип назначения красного и зеленого фона ячейкам? я не понимаю, как это все работает

4

Не совсем понимаю вопрос. Вы имеете ввиду, какие именно селекторы нужно использовать?

5

не понимаю, какие свойства нужно задать селекторам и как это работает

6

Нужно задать ячейкам и столбцам соответствующие свойства, что сделать таблицу: table-row, table-cell и так далее. И задать фоновый цвет нужным ячейкам.

Вот пример рабочего решения:

.formula {
display: table;
border: 1px solid #777777;
text-align: center;

margin: 10px;
width: 500px;
border-collapse: collapse;
}

.formula p {
display: table-caption;
caption-side: bottom;

margin: 0;
padding: 10px;
font-size: 20px;
}

header {
display: table-header-group;
background-color: #fff;
}

ul {
display: table-row;
}

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

.content {
display: table-row-group;

}

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

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

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

.column-last {
display: table-column;
background-color: #ffbaba;
}