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

Question

[Fktawda]

Есть элемент-родитель и элемент потомок

<div class="container">
    <div class="no">no</div>
    <div>yes</div>
</div>

Мне нужно сделать все элементы кроме .no более прозрачными

.container {
    opacity: .5;
}
.no {
    opacity: 1;
}

Не помогает

Answer 1

[Алексей Ярков]

https://jsfiddle.net/yarkov_aleksei/ftx147gj/

<div class="container">
    <div class="no">no</div>
    <div>yes</div>
</div>

.container div:not(.no) {
    opacity: .5;
}
.no {
    opacity: 1;
}

Comments

[Ankhena]

Только .container div:not(.no), а то сам контейнер тоже покрасится.

[Алексей Ярков]

Ankhena, ну само собой ))

[Ankhena]

Алексей Ярков, для нас да :))
Я на всякий случай.

Answer 2

[Aetae]

Никак.
Если дело только в цвете подложки - используй rgba.
Иначе - чтоб элементы не подвергались прозрачности, они должны быть вне конейнера с прозрачностью. Как хочешь так и расставляй - absolute, float, псевдоэлементы....

Также можно что-то нахреначить окольным путём, используя маски, svg-фильтры или mix-blend-mode, но не нужно.