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

不，不是真的。像SASS这样的外部CSS预编译器提供了替代语法，因此这应该可行：

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

 }

但是在普通的CSS中是不可能的。

Answer 2

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

你可以考虑使用类似{less}的东西来处理样式表，这样你就可以把它写成：

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

Answer 3

我担心答案是否定的。能够做div.markup (h1,h2,h3,h4)会很高兴，但目前的规范不允许这样做。