Warum funktioniert :not(:empty) nicht für Eingabefelder?

Den :not(:empty)-CSS-Selektor verstehen

Die :not(:empty)-Pseudoklasse stellt HTML-Elemente dar, die nein haben Kinder. Für ungültige Elemente wie ist diese Bedingung jedoch immer wahr, unabhängig davon, ob dem Element ein Wert zugeordnet ist.

Warum :not(:empty) nicht mit Eingabe funktioniert Felder

Leere Elemente wie haben keine untergeordneten Knoten. Daher gelten sie gemäß der HTML-Definition immer als leer und stimmen immer mit der Pseudoklasse :empty überein.

Darüber hinaus definiert die Selectors-Spezifikation :empty als ein Element ohne jegliche untergeordnete Elemente, einschließlich untergeordneter Knoten wie Text oder CDATA mit einer Länge ungleich Null.

Konsequenzen für das CSS-Styling

Daher wird input:not(:empty) niemals mit einem übereinstimmen. Felder in einem gültigen HTML-Dokument. Daher können Sie leere -Elemente nicht dynamisch formatieren. Felder, die ausschließlich auf CSS-Regeln basieren, da das Element nach der Eingabe von Text nicht mehr als leer betrachtet wird.

Alternative Ansätze

Die einzige Möglichkeit, leere

Das obige ist der detaillierte Inhalt vonWarum funktioniert :not(:empty) nicht für Eingabefelder?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!