Как применить стили к первому элементу?

Question

[Артем Гартунг]

Имеется вот такая структура HTML древа

Как мы видим в контейнере flex среди блоков появляется класс berth (состояние динамическое может появится и со второго контейнера а может и с пятого)

Вопрос такой как применить стиль для первого блока со стилем berth?

Answer 1

[xdevelx]

Для первого не получится, но можно применить стили для всех .berth

.berth {
}

А потом сбросить для всех .berth кроме первого

.berth ~ .berth {
}

https://codepen.io/xdevelx/pen/dyYPPaw

Answer 2

[Viacheslav Gordeiko]

Можно с помощью JS: