footer и .page-section:nth-child(odd)

На странице есть несколько блоков, фон которых чередуется через .page-section:nth-child(odd), а ещё есть footer, цвет которого хочу задать отличающимся от цвета предшествующего ему блока основного содержимого.
Оформление подвала (footer):
.footer {
background-color: rgba(175, 40, 81, 0.05);
}
Как включить подвал (footer) в череду учитываемых дочерних элементов для динамического изменения фона в соответсвии с номером позиции на странице, если количество элементов различается от страницы к странице?
Bootstrap
03 ноября 2020 в 17:27