Hi,
ich habe ein HTML-File, bei dem immer das erste p-Tag nach einer h1-Überschrift ein anderes padding erhalten soll als die nachfolgenden p-Tags. Das HTML-File sieht so aus:
<div>
<h1>Überschrift</h1>
<p>Text</p>
<p>Text</p>
<p>Text</p>
<p>Text</p>
<p>Text</p>
</div>
Sinn des ganzen ist es, dass das erste p-Tag nach oben 0px-Abstand haben soll, also direkt unter der Überschrift steht. Alle anderen p-Tags sollen ein padding von 5px nach oben haben.
Im Mozilla funktioniert das ganze mit den folgenden Klassen:
p
{
padding-top: 5px;
}
h1 + p
{
padding-top: 0px;
}
Leider funktioniert das beim IE überhaupt nicht :(
Daher meine Frage:
Gibt es eine Alternative zu dem Selektor h1 + p, die auch im IE funktioniert?
Auf eine eigene Klasse für das erste Element (z.B. class="first-element") möchte ich verzichten.
Danke für die Hilfe!
Grüße,
Timon