Сложный CSS для фона HTML-таблицы ⇐ Html

[Anonymous]

Я экспериментировал с CSS для таблицы, пытаясь повлиять на цвет фона заливки ячеек. Я подошел очень близко к тому, что мне нужно, но застрял на одной ячейке.
Верхняя строка и левый столбец должны быть красными. Сделанный. Правый столбец должен быть синим. Готово, за исключением того, что верхняя правая ячейка красного цвета из CSS 1-й строки. Вот в чем проблема.
Как я могу сделать так, чтобы последняя ячейка столбца верхней строки имела синий фон, не затрагивая остальную часть первой строки?
Спасибо!
Вот мой CSS:
/* changes table's first row and column background colors */
.custom-table tr:first-child td{
background-color: #9e172d !important;
}
.custom-table td:first-child{
background-color: #9e172d !important;
}

.custom-table td:nth-child(4) {
background-color: #3870e2 !important;
}


Подробнее здесь: https://stackoverflow.com/questions/793 ... background