@@dedlfix
Warum kommst du jetzt auf so einer vorwurfsvollen Antwort?
Da sollte keinerlei Vorwurf sein und da war auch keiner.
Wenn man damit das Problem nicht lösen kann, wäre ein einfaches "geht nicht" ausreichend gewesen. Die eigentliche Frage war ja immer noch, wie man ein Bündel von Eigenschaften mehrfach verwenden kann, ohne sie mehrfach zu notieren.
Durch Aufzählung der Selektoren, wie Flocke schon sagte:
body { font-size: 1.1rem; font-size: var(--font-size-medium) }
h1 { font-size: 3rem; font-size: var(--font-size-x-large) }
h2 { font-size: 1.7rem; font-size: var(--font-size-large) }
blockquote { font-size: 1.7rem; font-size: var(--font-size-large) }
blockquote footer { font-size: 1.1rem; font-size: var(--font-size-medium) }
ließe sich zusammenfassen zu
body, blockquote footer { font-size: 1.1rem; font-size: var(--font-size-medium) }
h1 { font-size: 3rem; font-size: var(--font-size-x-large) }
h2, blockquote { font-size: 1.7rem; font-size: var(--font-size-large) }
wenn das denn Vorteile bringt.
Deine Antwort war Custom Propertys.
Nicht auf deine Frage, wie man ein Bündel von Eigenschaften mehrfach verwenden kann, ohne sie mehrfach zu notieren.
Dass sich eine CSS-Eigenschaft nicht dafür verwenden lässt, mehrere Deklarationen als Wert zu haben, sollte klar sein. Custom properties sind – wie der Name schon sagt – Eigenschaften. Es sind keine Mixins; es sind keine Variablen.
Möglicherweise lag hier das Missverständnis. Die Verwendung falscher Begriffe zeugt häufig vom Unverständnis des grundlegenden Konzepts. Das ist bei „UTF-8-Zeichen“ so wie auch bei „CSS-Klassen“ und bei „CSS-Variablen“.
LLAP 🖖
„Wer durch Wissen und Erfahrung der Klügere ist, der sollte nicht nachgeben. Und nicht aufgeben.“ —Kurt Weidemann