Pseudoklasa CSS :not()

Definicja i użycie

CSS :not() Pseudoklasy są używane do dopasowania każdego elementu, który nie jest określonym elementem/wyrażeniem wyboru.

Przykład

Przykład 1

Ustawiamy kolor tekstu dla wszystkich elementów, które nie są elementami <p>:

:not(p) {
  color: red;

Spróbuj sam

Przykład 2

Więcej zastosowań :not() Przykład:

.special {
  border: 2px solid czerwonokrzyżówka;

p:not(.special) {
  color: green;

body :not(p) {
  text-decoration: underline;

body :not(div):not(.special) {
  font-weight: bold;

Spróbuj sam

Gramatyka CSS

:not(selektor) {
  deklaracje css;

Szczegóły techniczne

Wsparcie przeglądarki

Tabela z liczbami określa pierwszą wersję przeglądarki, która w pełni obsługuje ten pseudoklasę.