:not()

Esta traducción está incompleta. Por favor, ayuda a traducir este artículo del inglés.

Sumario

La pseudo-clase CSS de negación, :not(X), es una notación funcional que toma un selector simple X como argumento. Coincide con un elemento que no está representado por el argumento. X no debe contener otro selector de negación.

La especificidad de la pseudo-clase :not es la especificidad de su argumento. La pseudo-clase :not no aumenta la especificidad del selector, a diferencia de otras pseudo-clases.

Notas:
  • Se pueden escribir selectores inútiles con esta pseudo-clase. Por ejemplo, :not(*) coincide con cualquier elemento que no es cualquier elemento, por lo que nunca se aplica la regla.
  • Es posible volver a escribir otras reglas. Por ejemplo, foo:not(bar) coincidirá con el mismo elemento que el simple foo. Sin embargo, la especificidad de la primera es mayor.
  • :not(foo){} coincidirá con cualquier elemento que no sea foo, incluyendo <html> and <body>.
  • Este selector sólo se aplica a un elemento; no se puede utilizar para excluir todos los antepasados. Por ejemplo, body :not(table) a seguirá siendo aplicable a los enlaces dentro de una tabla, ya que <tr> coincidirá con la parte :not() del selector.

Sintaxis

:not(selector) { propiedades de estilo }

Ejemplos

p:not(.classy) { color: red; }
body :not(p) { color: green; }

Dado el código CSS de arriba y el siguiente HTML:

<p>Some text.</p>
<p class="classy">Some other text.</p>
<span>One more text<span>

Usted obtiene una salida como esta:

Especificaciones

Specification Status Comment
Selectors Level 4
The definition of ':not()' in that specification.
Working Draft Extends its argument to allow some non-simple selectors.
Selectors Level 3
The definition of ':not()' in that specification.
Recommendation Initial definition.

Compatibilidad del navegador

Feature Chrome Firefox (Gecko) Internet Explorer Opera Safari
Basic support 1.0 1.0 (1.7 or earlier) 9.0 9.5 3.2
Extended arguments Not supported Not supported Not supported Not supported Not supported
Feature Android Firefox Mobile (Gecko) IE Mobile Opera Mobile Safari Mobile
Basic support 2.1 1.0 (1) 9.0 10.0 3.2
Extended arguments Not supported Not supported Not supported Not supported Not supported

 

Etiquetas y colaboradores del documento

 Colaboradores en esta página: teoli, jotadeaa, luisgagocasas
 Última actualización por: teoli,