Собрала таблицу на 91%. Осталось закрасить розовым две ячейки. не хочется использовать псевдоклассы, тем более, что в комментариях писали, что можно обойтись без них. Догадываюсь, что нужно применить свойства к классу column-last, но ничего не происходит.
Что добавить?
Спасибо!
.formula {
display: table;
margin: 10px;
width: 500px;
border-collapse: collapse;
text-align: center;
}
.formula p {
margin: 0;
padding: 10px;
font-size: 20px;
display: table-caption;
caption-side: bottom;
text-align: center;
}
.formula ul {
display: table-row;
}
.formula ul li {
display: table-cell;
padding: 5px;
vertical-align: middle;
border: 1px solid black;
}.formula header {
display: table-header-group;
}.formula header li {
background-color: #ffffff;
}.column {
display: table-column;
}
.column-group {
display: table-column-group;
}.column .column-last {
background-color: #ffbaba;
}
.formula .content {
display: table-row-group;
background-color: #b2fdd0;
}
.formula .content-important {
display: table-row-group;
background-color: #fffebc;
}