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

Beitrag lesen

moin,

Ist es möglich, dass man nur mit CSS bestimmte HTML-Elemente welche kein Attribute besitzen zu selektieren? Diese beschriebene blanken HTML Element besitzen allerding ein verschachteltes HTML-Element mit einer Klasse welche das übergeordenten HTML element wiederum als beziter des untergeordneten Elementes auzeichnet. div > .h-2:nth-child(1 of ::before

<!DOCTYPE html>
<html>
    <!-- head -->
    <body>
        <!-- content -->
        <div>...</div>
        <div><span class="h-2">Überschrift</span>
        <div><span class="h-3">Unter Überschrift</span>
        <div>...</div>
        <div><span class="h-2">Überschrift</span>
        <div>...</div>
        <!-- content -->
    </body>
</html>

Ist es möglich durch CSS über diese verschachtelte Struktur diese Elemente per :before jeweils mit einem anderen Icon zu versehen? Wie...

...

😀 Überschrift

💯 Unter Überschrift

...

👓 Überschrift

...

Ist es mit Verschachtelungenund Kombination der CSS Struktur Pseudo-Selektoren möglich???

Ich hoffe auf AWs 🙏.

lgmb

P.S.: Die Eingangsfrage habe ich mit seeehr statischem CSS gelöst.

--
Sprachstörung