分组嵌套选择器（标题）（CSS）

Question

有没有什么办法可以将例如所有标题选择器是一些<div>元素的一部分，并简要地给它们提供任何参数？我的意思是这样的：

#content h1, #content h2, #content h3, #content h4, #content h5 { color: green } 

简称：

#content h1-h5 { color: green } 

Answer 1

您可以使用LESS或SASS得到这个功能。在不到嵌套

例子：

#content { 
    h1,h2,h3,h4,h5,h6 { 
     color: #0f0; 
    } 
} 

Answer 2

你应该做一个类，你在每一元素包括。我会建议做一些像.green。

Answer 3

如果您需要只支持现代浏览器（WebKit和壁虎），你可以使用:any伪类

#content :any(h1, h2, h3, h4, h5, h6) { 
    color: green; 
} 

看到reference on MDN与供应商前缀的用法，但考虑到这种解决方案可能有一些性能损失：

错误561154跟踪Gecko的问题：-moz-any（）的特殊性不正确。当前（自Firefox 12起）实现将：-moz-any（）放在通用规则的类别中，这意味着使用它作为最右边的选择器比使用ID，类或标记作为最右边的选择器要慢。

否则，对于更广泛的支持和更好的mantainability，使用CSS预处理程序，像其他人所说