css：更简单的写法：div.markup h1,div.markup h2,div.markup h3{color:#f00;}?

【问题标题】：css: easier way to write: div.markup h1,div.markup h2,div.markup h3{color:#f00;}?css：更简单的写法：div.markup h1,div.markup h2,div.markup h3{color:#f00;}?
【发布时间】：2011-01-05 19:07:24
【问题描述】：

有没有更简单的写法？

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

【问题讨论】：

标签： html css css-selectors

【解决方案1】：

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

【讨论】：

【解决方案2】：

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

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

 }

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

【讨论】：

【解决方案3】：

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

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

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

【讨论】：