Как учитывать порядок классов?

Question

[paulvales]

Приветствую! Как определять свойства в зависимости от того в каком порядке классы?
Например элемент class="green bron" и class="bron green"

.green.bron{
       background: linear-gradient(to right,#87db3a 49%,#fb5e8b 50%);
}
.bron.green{
       background: linear-gradient(to right,#fb5e8b 49%,#87db3a 50%);
}

сейчас все определяет .bron.green

Comments

[sergey]

у меня встречный вопрос: зачем блин так именовать классы???

[paulvales]

Sagan: в двух словах: календарь бронирования, в один день есть и бронь и заселение,я хочу отобразить визуально что сперва например бронь, а потом заселение

[sergey]

ну а что мешает сделать к примеру следующие классы:

.green.reserv{
       background: linear-gradient(to right,#87db3a 49%,#fb5e8b 50%);
}
.green.check{
       background: linear-gradient(to right,#fb5e8b 49%,#87db3a 50%);
}

[paulvales]

Sagan: потому что скрипт работает так:
если в этот день было заселение добавь - green,
если забронировано добавь - bron

[sergey]

paulvales: ну так измените скрипт, измените классы, в чем проблема

[paulvales]

Sagan: в том что мне не нужно менять скрипт, я сюда написал узнать есть ли такая фича в CSS

[sergey]

нет, такой фичи нет

Answer 1

[iBird Rose]

никак. классы у элемента могут быть расположены в любом порядке. поэтому при любой их перестановке - отдельно ты стилизовать их не сможешь