css:更容易写: div.markup h1，div.markup h2，div.markup h3{color:#f00;}？

Question

有没有更简单的方法来写这篇文章？

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

Answer 1

恐怕答案是否定的。如果能做div.markup (h1,h2,h3,h4)就好了，但目前的规范不允许这样做。

Answer 2

不，不是真的。像SASS这样的外部CSS预编译器提供了另一种语法，所以这应该是可行的：

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

 }

然而，这在普通的CSS中是不可能的。

Answer 3

不，在CSS中没有更简单的方法来编写它。

您可以考虑使用诸如{less}之类的东西来处理样式表，这将使您能够将其编写为：

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