CSS oder nicht

[Rolf B]

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