Antwort an „Rolf B“ verfassen

Hallo Dieter,

mal angenommen, du möchtest das für eine Unter-Überschrift machen. Die HTML Spec hat dafür als Beispiel:

<hgroup>
 <h1>Dr. Strangelove</h1>
 <p>Or: How I Learned to Stop Worrying and Love the Bomb</p>
</hgroup>

Dieses p Element könntest du ohne Verwendung einer besonderen Klasse selektieren und stylen:

hgroup h1 ~ p {
   font-size: 0.8rem;
}

D.h. du selektierst alle h1 Elemente in einer hgroup und stylest deren nachfolgende p Elemente in der hgroup. Vermutlich reicht die eine Angabe nicht.

Info zu hgroup

Steht da p Element vor der Überschrift (Über-Überschrift), funktioniert der gute alte Geschwisterkombinator nicht mehr, dann braucht man :has(). Das ist flexibler, aber auch aufwändiger für den Browser.

hgroup:has(h1) p {
   font-size: 0.8rem;
}

Da sind zwei von vielen Möglichkeiten. Was konkret für dich passt, hängt von deinem Kontext ab.

Rolf

--
sumpsi - posui - obstruxi
freiwillig, öffentlich sichtbar
freiwillig, öffentlich sichtbar
freiwillig, öffentlich sichtbar

Ihre Identität in einem Cookie zu speichern erlaubt es Ihnen, Ihre Beiträge zu editieren. Außerdem müssen Sie dann bei neuen Beiträgen nicht mehr die Felder Name, E-Mail und Homepage ausfüllen.

abbrechen