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

Question

[StanislavChunikhin]

Есть код типа:

<div class="selector1">
  <div class="selector2">
  </div>
</div>
<div class="selector3 selector4">
</div>

Как применить стиль к классу 'selector2', если у после стоящего блока одновременно есть классы "selector3" и "selector4"
то есть стиль не работает если нет класса "selector3" или "selector4"

Спасибо.

Comments

[snap44]

Шта?

.selector2 {
//стили
}

Какая разница какой класс у другого элемента? -_-

[alex-1917]

вот именно ШТА?? автор сам запутался и нас путает...

[Сергей delphinpro]

Фигнёй занимаетесь, товарищ. Перекладывайте это дело на плечи сервера. Пусть он сам прописывает какие нужно классы.

В текущей постановке задача средствами css не решается.
Можно поменять порядок следования блоков, применить flex-раскладку для восстановления визуального порядка и применить сестринский селектор.

<div class="parent">
  <div class="selector3 selector4"></div>
  <div class="selector1">
    <div class="selector2">
    </div>
  </div>
</div>

.parent { display: flex; }
.parent .selector1 { order: -1; }
.selector3.selector4 + .selector1 > .selector2 { background:red; }