Hi Leute,
mein Problem von gestern hab ich leider immer noch nicht gelöst bekommen.
Mein Quellcode sieht so aus:
<div class="x">
<div class="section" id="ziel">
<h3><a name="ziel">Ziel</a></h3>
<p>Hier steht viel Text</p>
</div>
<div class="section" id="inhalt">
<h3><a name="inhalt">Inhalt</a></h3>
<p>und hier der Inhalt zum Ziel</p>
</div>
<hr class="docutils" />
<div class="section" id="antrag">
<h3><a name="antrag">Antrag</a></h3>
<ul class="simple">
<li>TEXT</li>
<li>TEXT</li>
<li>TEXT</li>
</ul>
</div>
<div class="section" id="aufwand">
<h3><a name="aufwand">Aufwand</a></h3>
<p>TEXT TEXT TEXT</p>
Nun möchte ich das so haben, dass Ziel und Inhalt keinen Counter bekommen, alle nachfolgenden <h3> Elemente aber schon. Ich hab's schon so versucht:
(CSS)
.docutils .section h3:before {
content: counter(number,upper-roman) '. ';
counter-increment: number;
}
aber irgendwie bekomme ich die nachfolgenden <h3> nicht angesprochen. Was mache ich falsch? Bzw, was müsste ich im CSS ändern?