:not(:empty) が入力フィールドで機能しないのはなぜですか?

:not(:empty) CSS セレクターを理解する

:not(:empty) 疑似クラスは、子供たち。ただし、 のような void 要素の場合、要素に属性値があるかどうかに関係なく、この条件は常に true になります。

なぜ :not(:empty) が入力で機能しないのか などのフィールド

Void 要素には子ノードがありません。したがって、これらは HTML 定義に従って常に空とみなされ、常に :empty 擬似クラスと一致します。

さらに、セレクターの仕様では、:empty を、長さがゼロでないテキストや CDATA などの子ノードを含む、子をまったく持たない要素として定義しています。

CSS スタイリングの結果

その結果、input:not(:empty) はどの とも一致しません。有効な HTML ドキュメント内のフィールド。したがって、空の を動的にスタイル設定することはできません。 CSS ルールのみに基づくフィールド。テキストを入力すると、その要素は空とみなされなくなります。

代替アプローチ

空の

以上が:not(:empty) が入力フィールドで機能しないのはなぜですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。