Robert B.: Wie mit CSS einen teil statisch, verschachtelter DIV-Struktur ansprechen?

Beitrag lesen

Moin MB,

Hintergrund
ich arbeite mit einer Note-Taking-App welche Markdown verwendet. Die App rendert Markdown Notes zu HTML im Editor und zwar live. Man kann benutzerdefinierte CSS zur einem einzelnen gerenderten Note-Inhalt im Editor einbinden, sodass sich dieser gerenderte Note über CSS anders darstellt.

wieso erzeugt diese Software ohne Not eigentlich solchen HTML-Code?

<!DOCTYPE html>
<html>
    <!-- head -->
    <body>
        <!-- content -->
        <div class="paragraph">...</div>
        <div class="header-1"><div class="h-1"><span>Titel</span></h1></div></div>
        <div class="paragraph">...</div>
        <div class="header-2"><div class="h-2"><span>Überschrift 1</span></div></div>
        <div class="header-3"><div class="h-3"><span>Überschrift 1.1. </span></div></div>
        <div class="paragraph">...</div>
        <div class="header-4"><div class="h-4"><span>Überschrift 1.1.1.</span></div></div>
        <div class="paragraph">...</div>
        <div class="paragraph">...</div>
        <div class="header-4"><div class="h-4"><span>Überschrift 1.1.2.</span></div></div>
        <div class="paragraph">...</div>
        <div class="header-3"><div class="h-3"><span>Überschrift 1.2.</span></div></div>
        <!-- content -->
    </body>
</html>

Wie sieht denn der Markdown-Code dahinter aus? Meiner naiven Vorstellung nach sollte sich so etwas wie

# Titel## Überschrift 1
###Überschrift 1.1.#### Überschrift 1.1.1.

…

…

#### Überschrift 1.1.2.### Überschrift 1.2.

doch ziemlich einfach in semantisches HTML á la

<h1>Titel</h1>
<p></p>
<h2>Überschrift 1</h2>
<h3>Überschrift 1.1.</h3>
<p></p>
<h4>Überschrift 1.1.1.</h4>
<p></p>
<p></p>
<h4>Überschrift 1.1.2.</h4>
<p></p>
<h3>Überschrift 1.2.</h3>

transformieren lassen.

Viele Grüße
Robert