Gruppieren von Klassen - CSS übersichtlicher gestalten

[Beat]

ich habe in einer CSS-Datei mehrere Klassen gruppiert und hierüber alle Eigenschaften zugeordnet, die bei allen Klassen gleich sind.

Soweit kein problem.

Allerdings führt das schnell zu einem Mixmax.
ich würde zum Beispiel Klassen nie gemeinsam in eine Liste stellen, welche Children von grundsätzlich verschiedenen IDs sind.

Vereinfachtes Beispiel:

.ueberschrift, .text, .fusszeile {font-family: Arial, Helvetica, sans-serif; color: #000000;}

Beispiele sollen blöd gut sein, oder sie führen deine Frage aufs Glatteis.
Kümmere dich um geeignete Klassenbeschreibungen.

Ich habe die Klassen ein weiteres Mal mit den speziellen Eigenschaften aufgeführt:

.ueberschrift {font-size: 14px; font-weight: bold;}
.text {font-size: 12px;}
.fusszeile {font-size: 10px; font-style: italic;}

Wieviele Fusszeilen hast du denn?

Es funktioniert auch, aber ist das zulässig oder gibt es eine bessere Lösungsmöglichkeit?

Ja, Ja

Es geht mir einfach darum, die CSS-Datei übersichtlicher zu halten, in dem ich doppelte Eigenschaften vermeide.

Ordne zuerst nach allgemeiner Spezifitat
zuerst die Standardwerte besonders für ul ol li

Ordne danach Sektionen / äusserste IDs

Nimm Sonderformate zuletzt

Formatiere das CSS geeignet.
Halte eine Ordung in der Aufführung von Eigenschaften ein.

mfg Beat