Angenommen, du hast
.box { margin: 2em 3em 2em 1em }
Jetzt willst du für .special.box den vertikalen Abstand von 2em auf 4em erhöhen. Wie machst du das?
margin-top? Und weil CSS nicht objektorientiert arbeitet, inherit hin, revert her:
.box { margin: 2em 3em 2em 1em }
.special-box { margin-top: 4em }
…
<div class="box special-box"> …
?
Daß es nichts wie ein
.dingens { … }
.dongens inherits dingens { … }
gibt, war mir schon öfter lästig. Nicht wegen der Tipperei, sondern a) wegen der Übersicht (das CSS wird so nur umfangreicher) und b) den so oft weit verteilten Stellen, an denen dann, „irgendwann nach einigem Bearbeiten“, eigentlich zusammengehörige Werte verteilt stehen. Was so ein CSS mit lauter kleinen Tretmienen versieht. “Mit OOP drin” könnte ich mir dagegen ein Tool vorstellen, das einem den CSS-„Stammbaum“ präsentiert — und den dann womöglich auch noch bearbeitbar macht.