css: более простой способ написать:

Question

Есть ли более простой способ написать это?

<style type=text/css>
div.markup h1,div.markup h2,div.markup h3,div.markup h4{color:#f00;}
</style>

Answer 1

Нет, нет более простого способа написать это в CSS.

Вы можете использовать что-то вроде {less} для обработки таблиц стилей, что позволит вам записать это как:

div.markup {
  h1, h2, h3, h4 { color: #f00; }
}

Answer 2

Боюсь, ответ - нет. Было бы неплохо иметь возможность сделать div.markup (h1,h2,h3,h4), но текущая спецификация не позволяет этого.

Answer 3

Нет, не совсем.Внешние прекомпиляторы CSS, такие как SASS , предлагают альтернативный синтаксис, поэтому это должно работать:

div.markup
 {
   h1,h2,h3,h4 { color: #F00; }

 }

Однако в обычном CSS это невозможно.