Вложенные селекторы CSS в CSS

Question

Есть ли способ создать группу CSS внутри селектора CSS.

Например:

.SectionHeader
{
    include: .foo;
    include: .bar;
    include: .baz .theta .gamma .alpha .omega .pi .phi;
}

Попытка выяснить, есть ли способ сделать это на уровне CSS, а не внутри тега class = ". Foo .bar .baz .theta .gamma .alpha .omega .pi .phi". Я должен использовать комбинацию классов в нескольких местах и ​​хочу избежать всего, что вырезано и вставлено.

Answer 1

Нет, вы не можете сделать это в чистом CSS, как есть.

Существуют некоторые шаги по расширению CSS, чтобы разрешить подобные вещи, но это очень рано, Google некоторые продемонстрировали некоторый расширенный синтаксисработает в dev-версии Chrome, но пройдет некоторое время, прежде чем он выйдет в эфир, и еще дольше, пока он не получит достаточную поддержку кросс-браузерной работы, чтобы быть действительно полезным.

Между тем, естьколичество доступных расширений CSS, которые позволяют вам создавать таблицы стилей с вложенными правилами и т. д. Затем вам нужно будет запустить таблицы стилей через анализатор, чтобы преобразовать их в «настоящий» CSS, прежде чем размещать их на своем сайте, но это может бытькомпромисс, который вы готовы сделать.

Если это так, проверьте SASS и Меньше , среди прочих.

[ПРАВИТЬ] КстатиЯ упоминал, что Google демонстрирует некоторый расширенный синтаксис CSS.Вот ссылка на сообщение в блоге об этом: http://www.xanthir.com/blog/b49w0

Answer 2

Нет, но, как вы сказали, вы можете назначить несколько классов элементу:

<div class="SectionHeader foo bar"></div>