CSS-Selektor für "hat keine Textknoten als Geschwister"

[Gunnar Bittersmann]

@@Der Martin

Ich möchte nun die img-Elemente mit der Klasse "bar" selektieren (es kann noch weitere img-Elemente ohne diese Klasse geben), aber nur dann, wenn sie keine Textknoten als Geschwister haben. Wie kann mir CSS dabei helfen?

Ich vermute, gar nicht.

(Bei CSS sollte man vorsichtig sein. Oftmals ist „geht mit CSS nicht“ in Wirklichkeit „ich kenne mich mit CSS nicht genügend aus um zu wissen, wie es doch geht“.)

Wenn die Textknoten in Elementen stecken würden, ließe sich sicher was mit CSS machen. Aber so fällt mir nichts ein.

Aber anstatt die Textknoten mit JavaScript in spans zu packen, kann man dann auch gleich die Erkennung mit JavaScript machen.

Hintergrund: Ich möchte das Gimmick von MS Teams nachbilden, dass Emojis in Chatbeiträgen größer angezeigt werden, wenn der Beitrag ausschließlich aus Emojis besteht.

Ich glaub nicht, dass du das möchtest. Vielmehr denke ich, du willst Emoji größer anzeigen, wenn der Beitrag ausschließlich aus Emoji und Whitespace besteht.

🖖 Живіть довго і процвітайте