CSS 参考手册

CSS @规则(RULES)

CSS 属性大全

CSS関数（Functions）CSS選択器全書

CSS3 :notセレクタ

CSSの派生クラス:not()は、指定された選択子に一致しない要素をマッチングするために使用されます。特定の要素が選択されないようにする機能があるため、否定派生クラス（否定派生クラス）とも呼ばれます。-class）。

完全なCSS選択子リファレンスマニュアル

注意：

:not() 派生クラスはネストできません。これは以下の意味です :not(:not(...)) 無効です。
仮要素は単純な選択子ではないため、それらは選択子として扱うことができません。 :not() の引数は、以下の形式です :not(p::before) このような選択子は動作しません。
この仮クラスを使用して、全く役に立たない選択子を書くことができます。例えば、 :not(*) 非要素の要素をマッチングします。したがって、このルールは決して適用されません。
この仮クラスを使用してルールの優先順位を高めることができます。例えば、 #foo:not(#bar) および #foo は同じ要素をマッチングしますが、前者の優先順位が高いです。
:not(.foo) は、非の要素をマッチングします。 .foo の要素、含む <html> および <body>。
この選択子は1つの要素にのみ適用されます。すべての親要素を除外するために使用することはできません。例えば、 body :not(table) a テーブル要素にも適用されます。 <table> 内部の <a> 上、なぜなら <tr>されると :not(table) この選択子は一致します。

オンラインサンプル

非<p>要素の各要素に背景色を設定します：

例

!DOCTYPE　html>
<html>
<head>　
<meta　charset="utf-8">　
<title>基本チュートリアル(oldtoolbag.com)</title>
<style>
p　{
　　　　color:　#000000;
}
:not(p)　{
　　　　color:　#ff0000;
}
</style>
</head>
<body>
<h1>これはヘッダー</h1>
<p>これはパラグラフ.</p>
<p>これは別のパラグラフ.</p>
<div>これはdiv要素の一部のテキストです。</div>
<a　href="//ja.oldtoolbag.com/"　target="_blank">基本チュートリアルにリンク</a>
</body>
</html>

テストして見て‹/›

定義と使用法

:not() 仮クラスは、カンマで区切られた選択子リストを引数として受け取ることができます。選択子には、別の否定選択子や仮要素を含めることはできません。

ブラウザの互換性

テーブル内の数字は、その選択子をサポートする最初のブラウザのバージョン番号を示しています。

選択子
:not()	4.0	9.0	3.5	3.2	9.6

完全なCSS選択子リファレンスマニュアル

CSS関数（Functions）CSS選択器全書