manual de referencia CSS

reglas CSS @

大全 de propiedades CSS

Funciones CSS (Functions)Manual completo de selectores CSS

CSS3 Selector :not

La pseudoclase :not() de CSS se utiliza para coincidir con elementos que no cumplen con un grupo de selectores. Debido a que su función es evitar que se seleccione un elemento específico, también se conoce como pseudoclase de negación (negation pseudo-class).

Manual de referencias de selectores CSS completos

Atención:

:not() La pseudoclase no puede estar anidada, lo que significa :not(:not(...)) No es válido.
Dado que los pseudoelementos no son selectores simples, no se pueden tratar como :not() los parámetros, con el formato :not(p::before) Este selector no funcionará.
Se puede utilizar esta pseudoclase para escribir un selector completamente inútil. Por ejemplo: :not(*) Coincidirá con cualquier no elemento, por lo que esta regla nunca se aplicará.
Se puede utilizar esta pseudoclase para aumentar la prioridad de las reglas. Por ejemplo: #foo:not(#bar) y #foo Coincidirá con los mismos elementos, pero la prioridad del primero es mayor.
:not(.foo) Coincidirá con cualquier no .foo de los elementos,que incluye <html> y <body>.
Este selector solo se aplicará a un elemento, no se puede usar para excluir todos los elementos padre. Por ejemplo: body :not(table) a Aún se aplicará a los elementos de tabla <table> interno <a> Debido a que <tr>Será :not(table) Este selector coincide.

Ejemplo en línea

Establecer el color de fondo para cada elemento que no sea <p>:

Ejemplo

!DOCTYPE　html>
<html>
<head>　
<meta　charset="utf-8">　
<title>Tutorial básico(oldtoolbag.com)</title>
<style>
p　{
　　　　color:　#000000;
}
:not(p)　{
　　　　color:　#ff0000;
}
</style>
</head>
<body>
<h1>Este es un título</h1>
<p>Este es un párrafo.</p>
<p>Este es otro párrafo.</p>
<div>Este es un texto de ejemplo de elemento div.</div>
<a　href="//es.oldtoolbag.com/"　target="_blank">Enlace al tutorial básico</a>
</body>
</html>

Ver la prueba ‹/›

Definición y uso

La pseudoclase :not() puede tomar una o más listas de selectores separados por comas como parámetros. Los selectores no deben contener otro selector de negación o pseudoelemento.

Compatibilidad del navegador

Los números en la tabla representan la versión del primer navegador que admite el selector.

Selector
:not()	4.0	9.0	3.5	3.2	9.6

Manual de referencias de selectores CSS completos

Funciones CSS (Functions)Manual completo de selectores CSS