Teil gelöst: Wie mit CSS einen teil statisch, verschachtelter DIV-Struktur ansprechen? - Erweiterte Frage

[MB]

moin,

hab n Teil gelöst und zwar die automatische nummerierung der Überschriften als div > span und als div > h{1-6}

Obsidian Editor:

/* Source View, Preview */
/* Read View */

.HyperMD-header-1,
.HyperMD-header-1div:has( h1 ) {
  counter-reset: h2;
}

/* ... */

.cm-header-2::before,
h2::after {
  counter-increment: h2;
  content: counter(h2) ". ";
}

/* ... */

…jedoch ist mir schleierhaft, wie man mit CSS ohne eindeutige Identifizierung ein individuelles Icon vergeben kann?

Ich könnte mir die CSS Anweisungskettevorstellen, die sich die Identifizierung von CSS Elementen an den Eltern-Elementen orientiert. Wie…

Z.B.
Wenn das Eltern Element, das 2te Element im Header Baum ist…
…und noch ein Eltern Element hat, welches das 5te Element im Header Baum ist…
→ …dann vergebe in diesem Element diese individuelle Eigenschaft usw…

Jedoch müsste es eine feste Struktur der Elemente geben, nehme ich an, die zwischen Schübe an Elementen im CSS Baum nicht tolleriert.

Ein wunderschönes Rest-Wochenende wünsche ich euch allen 😊✌️!

lgmb