2

CSSのコード行は次のようになっています。

[icon]:not([focused]):not([pressed]):not([disabled]){ background-position-y:-0px;  }

この場合の複数のコロンの意味は何ですか？彼らはまだ疑似セレクターですか？

4

1 に答える 1

3

疑似セレクターではなく、疑似クラスのセレクターです。W3Cセレクターレベル3ドキュメントの引用：

6.6.7。否定疑似クラス 否定疑似クラス、:not(X)は、単純なセレクター（否定疑似クラス自体を除く）を引数として取る機能表記です。引数で表されない要素を表します。[...]

次のセレクターは、無効にされていないHTMLドキュメント内のすべてのボタン要素に一致します。

button:not([DISABLED])

次のセレクターのグループは、リンクを除くすべてのHTML要素を表します。

html|*:not(:link):not(:visited)

最後の例（およびこの回答）は、いくつかの言及されたタイプ:notのいずれでもない要素のルールを設定する場合は、いくつかの疑似クラスセレクターのチェーンを使用することが非常に有効であることを示しています。

あなたの場合、セレクターは、属性が（任意の値に）設定されているすべての要素をキャッチします。ただし、、または（再び任意の値にicon）設定されている要素も除きます。focusedpresseddisabled

于 2012-11-17T23:03:03.120 に答える