На странице есть несколько блоков, фон которых чередуется через .page-section:nth-child(odd), а ещё есть footer, цвет которого хочу задать отличающимся от цвета предшествующего ему блока основного содержимого.
Оформление подвала (footer):

.footer {
background-color: rgba(175, 40, 81, 0.05);
}

Как включить подвал (footer) в череду учитываемых дочерних элементов для динамического изменения фона в соответсвии с номером позиции на странице, если количество элементов различается от страницы к странице?
Bootstrap