✔ Formatierung einer CMS-Ausgabe mittels CSS

[ManicMarble]

Hallo,
ich habe gerdae Schwierigkeiten mit der Formatierung einer Ausgabe aus einem CMS (Typo3). Ehrlich gesagt leuchtet mir die Kaskadierung der CSS-Klassen, die das CMS erzeugt nicht ein. Vielleicht kann mir von euch jemand schnell helfen.

Hier der HTML-Code, den das CMS ausspuckt:

<div class="csc-menu .csc-abstract">
	<p>
		<a href="index.php?id=8">Allgemeines</a>
	</p>
	<p class="csc-abstract">
		Allgemeine Informationen, Arbeitsanweisungen und so'n Zeugs
	</p>
</div>

Auf diese HTML-Ausgabe habe ich keinen Einfluss. Ich kann es aber per CSS formatieren. Ich hätte gerne alles 20 Pixel eingerückt, vor dem erstern Absatz mit dem Link 20 Pixel Platz nach oben, vor dem zweiten Absatz mit der Beschreibung allerdings nur 2 Pixel Platz nach oben.
Mein letzter Versuch sieht so aus:

.csc-menu        { padding-left: 20px; margin: 0px; margin-top: 20px; }
.csc-menu     a  { text-decoration: none;  font-weight: bold; }
.csc-abstract p  { margin-top: 2px; }

Das klappt aber nicht, genau wie alles andere was ich probiert habe. Entweder haben alle Absätze 20 Pixel Abstand nach oben oder alle Absätze haben 2 Pixel Abstand. Ich denke das liegt an dem .csc-abstract in der class-Eigenschaft des <div>-Tags. Ich verstehe auch nicht ganz, was das da soll aber wie gesagt: der HTML-Code wird vom CMS erzeugt.

Welcher CSS-Guru kann helfen?

Grüße,
Martin

 

[ManicMarble]

Kommando zurück: Hab's geschafft.

Meine Lösung:

.csc-menu       { padding-top: 20px; }
.csc-menu     p { margin: 0px; margin-top: 15px; }
.csc-menu     a { text-decoration: none;  font-weight: bold; }
p.csc-abstract  { margin-top: 0px; }

Das ist aber auch verzwickt...

Martin