Pseudo-clase :not() de CSS

Definición y uso

CSS :not() Los pseudo-clases se utilizan para coincidir con cualquier elemento o selector que no sea el especificado.

Ejemplo

Ejemplo 1

Establece el color del texto para todos los elementos que no son <p>.

:not(p) {
  color: red;
}

Prueba por ti mismo

Ejemplo 2

Más usos :not() Ejemplo:

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

Prueba por ti mismo

Sintaxis CSS

:not(selector) {
  declaraciones css;
}

Detalles técnicos

Compatibilidad del navegador

Las cifras en la tabla indican la versión del navegador que primero admite completamente este pseudo-clase.