Manual de Referência CSS

CSS @regras (RULES)

大全 de Propriedades CSS

CSS3 Seletor :not

A pseudo-classe :not() do CSS é usada para combinar elementos que não correspondem a um conjunto de seletores. Devido ao seu papel de evitar que elementos específicos sejam selecionados, também é conhecida como pseudo-classe de negação (negation pseudo-)-class).

Manual completo de seletores CSS

Atenção:

:not() As pseudo-classes não podem ser aninhadas, o que significa :not(:not(...)) É inválido.
Como os pseudo-elementos não são simples seletores, eles não podem ser tratados como :not() os parâmetros, com a forma de :not(p::before) Este seletor não funcionará.
Pode usar este pseudo-classe para escrever um seletor completamente inútil. Por exemplo: :not(*) Coincide com qualquer não elemento, portanto, essa regra nunca será aplicada.
Pode usar este pseudo-classe para aumentar a prioridade das regras. Por exemplo: #foo:not(#bar) e #foo Coincide com os mesmos elementos, mas a prioridade do primeiro é maior.
:not(.foo) coincide com qualquer não .foo dos elementosincluso <html> e <body>。
Este seletor se aplicará a um único elemento, não pode ser usado para excluir todos os elementos pais. Por exemplo: body :not(table) a aplicará ainda aos elementos da tabela <table> interno <a> acima, porque <tr>Será :not(table) Este seletor coincide.

Exemplo online

Defina a cor de fundo para cada elemento que não é <p>:

Exemplo

!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 é um título</h1>
<p>Este é um parágrafo.</p>
<p>Este é outro parágrafo.</p>
<div>Este é um texto de exemplo de elemento div.</div>
<a　href="//pt.oldtoolbag.com/"　target="_blank">Link para o tutorial básico</a>
</body>
</html>

Teste e veja ‹/›

Definição e uso

:not() pode ter uma ou mais listas de seletores separados por vírgula como seus parâmetros. O seletor não deve conter outro seletor de negação ou pseudo-elemento.

Compatibilidade do navegador

Os números na tabela representam a versão do primeiro navegador que suporta esse seletor.

Seletor
:not()	4.0	9.0	3.5	3.2	9.6

Manual completo de seletores CSS

Funções CSS Seletor Completo CSS