Псевдо класс CSS :not()

Определение и использование

CSS :not() Псевдо классы используются для выбора элементов, которые не соответствуют указанному элементу/селектору.

Пример

Пример 1

Установите цвет текста для всех элементов, которые не являются <p> элементами:

:not(p) {
  color: red;
}

Попробуйте сами

Пример 2

Более использования :not() Пример:

.special {
  border: 2px solid maroon;
}
p:not(.special) {
  color: green;
}
body :not(p) {
  text-decoration: underline;
}
body :not(div):not(.special) {
  font-weight: bold;
}

Попробуйте сами

CSS грамматика

:not(selector) {
  css declarations;
}

Технические детали

Поддержка браузеров

Числа в таблице указывают на первую версию браузера, которая полностью поддерживает этот псевдо класс.