Wie mit CSS einen teil statisch, verschachtelter DIV-Struktur ansprechen? - Erweiterte Frage

[Gunnar Bittersmann]

@@MB

Ich hab das mal beispielhaft für h-2 gemacht. Statt DSC und SNW nimmst du die Emoji, die du haben willst.

Bei Firefox funzt das Beispierl micht

In meinem Firefox schon. 😏

Aber ja, :has() ist im Firefox noch hinter einem Feature-Flag versteckt.

Aber womöglich brauchst du das gar nicht.

Wie schon erwähnt, habe ich die HTML-Struktur nicht gemacht.

Niemand hat dort HTML-Struktur gemacht. Es gibt keine Struktur. Das ist ja das Übel. Sowohl für Nutzer als auch fürs Styling.

Ich hab nur n Abbild davon genommen.

Leider nicht. Du hast mehrere Abbilder davon genommen, die widersprüchlich sind.

Zuerst:

<div class="header-2"><div class="h-2"><span>Überschrift 1</span></div></div>

Dann:

<div><span class="h-2">Überschrift</span></div>

Ja, was denn nun?? Haben die div- oder die span-Elemente die h-…-Klassen?

Wenn’s die div sind, geht’s ohne :has(). Beispiel, Teil 2.

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