10/18. 100%.Как раскрасить две ячейки в розовый


#1

Полный код:

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

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

.formula header li {
text-align:center;
}

.formula .column {
display:table-column;

}

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

.content li:last-child {
** background-color:#ffbaba;**
}

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

.content ul, header ul {
display:table-row;
}

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

}

.content li {
background-color:#b2fdd0;
}

.formula .content-important li {
background-color:#fffebc;
}

header {
display:table-header-group;
border-bottom:0;
}

Все забыли старый добрый :last-child :slight_smile:

.content li:last-child {
** background-color:#ffbaba;**
}


#2

А он там не нужен. В html уже прописал для этой колонки отдельный класс - .column-last.
Вместо .content ul, header ul и .content li, header li проще написать .formula ul и .formula li - заданное правило распространится на все списки/ А зачем вы окрашиваете пункты списка, если нужно задать фон ячейкам/колонкам/строкам? И еще вы не убрали маркеры - даже если их в данный момент не видно, они могут вылезти.