Как на чистом css стилизовать последний нечётный элемент?

Есть условный родительский блок с секциями, которые добавляются и удаляются динамически:

...

Можно ли на чистом css стилизовать последнюю нечётную секцию? То есть если секций чётное число, тогда ничего не происходит, а если нечётное, то к последней секции применяются другие стили?

Ответ

Для этого можно использовать псевдокласс последнего элемента :last-child и с помощью :nth-child выделить все нечётные элементы:
section { display: block; width: 200px; height: 50px; margin-bottom: 5px; background-color: black } section:last-child:nth-child(2n+1) { background-color: red; }