CSS Element Selector Innerhalb Vorbestandene CSS Block

Question

Ich war Wunder, wenn es eine elegantere Art und Weise ist es, diesen

.main-content {color: red; font-size: 10px;} 
.main-content > h1 {font-size: 25px;} 

Ich weiß nicht, zu tun, wenn dies eigentlich eine Sache, aber ich erinnere mich vage, dies zu sehen im ersten css-Block eleganter gemacht, aber ich kann nicht herausfinden, wie es funktioniert, oder ob ich mich überhaupt richtig erinnere. schauen in Sass, Less oder ähnlich css Preprozessoren

Zum Beispiel (dies tatsächlich nicht funktioniert, aber es sollte erklären, was ich versuche zu erreichen)

.main-content { 
    color: red; 
    font-size: 10px; 
    > h1 { 
    font-size: 25px; 
    } 
} 

Answer 1

Sie benötigen.