Servus!

Ist es bekannt, daß :empty als Style anders funktioniert als :empty in einem querySelector bzw. querySelectorAll?

…

Es genügen, soweit ich das jetzt sehe, irgend welche Attribute, Klassen oder Daten-Elemente, die zugewiesen sind, um diesen Unterschied auszumachen.

Der Grund für dein Verhalten liegt sehr wahrscheinlich nicht an Attributen, Klassen oder data-*-Attributen – die spielen für :empty keine Rolle.

Ein Element ist :empty, wenn es

• keine Kind-Elemente und
• keine Textknoten (auch keine Whitespace-Textknoten!) enthält.

Wichtig:
Schon ein einziges Leerzeichen oder ein Zeilenumbruch im HTML erzeugt einen Textknoten – und dann ist das Element nicht mehr empty.

Herzliche Grüße
Matthias Scharwies