Если у вас есть это:
<div class="a x">Foo</div>
<div class="b x">Bar</div>
<div class="c x">Baz</div>
И вы хотите только выбрать элементы, которые имеют .x
и (.a
или .b
), вы могли бы написать:
.x:not(.c) { ... }
, но это удобно только тогда, когда у вас есть три «подкласса», и вы хотите выбрать два из них.
Выбор только одного подкласса (например .a
): .a.x
Выбор двух подклассов (например, .a
и .b
): .x:not(.c)
Выбор всех трех подклассов: .x