Выбор нескольких дочерних элементов определенного родительского элемента

Question

Мне просто интересно, может ли CSS поддерживать таргетинг на несколько дочерних элементов с помощью более простого синтаксиса.

Например

Я только хочу, чтобы изменить CSS для h1, h2, h3 под DIV с идентификатором родительского

Обычно вы должны идти ...

#parent h1, #parent h2, #parent h3 { color:red; } 

Есть ли более простой способ сделать это. Что-то вроде ...

#parent { 
    h1,h2,h3 { color:red; } 

    .my_class { font-size:100%; } 

    #header { width:100%; } 
} 

На втором гипотетическом примере, CSS будет применяться только в том случае, если элементы являются дети #parent.

Thanks

Answer 1

CSS не поддерживает то, что вы хотите.

Оба Sass и Less do (случайно, точно так же, как вы написали).

Sass:

Sass является наиболее зрелым, стабильным и мощным профессиональным класс CSS расширение языка в мире.

Минус:

Less является CSS предварительно процессор, а это означает, что он расширяет язык CSS, добавляя новые возможности, которые позволяют переменные, Примеси, функции и многие другие методы, которые позволяют сделать CSS, что более удобна в обслуживании, доступна и расширяема.

Оба продукта очень зрелые, делятся почти каждой функцией, чем другие, но имеют некоторые незначительные различия между тем, что они расширяют, что делает их не на 100% совместимыми друг с другом (до генерации CSS).

Answer 2

В CSS вы должны использовать что-то вроде этого:

#parent > h1, #parent > h2, #parent > h3 
{ 
    color: red; 
} 

JSFIDLE: http://jsfiddle.net/fg6g7kt6/