Возможно ли иметь вложенный CSS, чтобы все правила в нем применялись только к дочерним элементам определенного элемента?

Question

Я знаю, что я мог бы написать:

#parentElement h1 { 
    /*rules*/ 
} 

#parentElement div { 
    /*rules*/ 
} 

и т.д. и т.п.

, но если бы я был чрезвычайно длинный список таких правил, было бы невероятно удобно иметь синтаксис, где я мог бы написать что-то вдоль линий of

#parentElement { 
    h1 { 
     /*rules*/ 
    } 

    div { 
     /*rules*/ 
    } 
} 

Как медиа-запрос.

Есть ли что-нибудь подобное? Я ничего не мог найти в Google, но казалось, что такая очевидная идея, что она существовала в некотором роде.

Answer 1

Рассмотрим форматировании стили в визуально реабилитационной образом:

.PARENT-ELEMENT-STYLES, 

    .parentElement h1 { 
     /*rules*/ 
    } 

    .parentElement div { 
     /*rules*/ 
    } 


/*****************/ 
/*****************/ 


.CHILD-ELEMENT-STYLES, 

    .childElement h1 { 
     /*rules*/ 
    } 

    .childElement div { 
     /*rules*/ 
    }