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

Question

有什么方法可以对例如属于某个<div>元素的所有标题选择器进行分组并简而言之为它们获取任何参数？我的意思是这样的：

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

简而言之：

#content h1-h5 { color: green }

Answer 1

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

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

有关供应商前缀的用法，请参阅MDN 上的参考，但考虑到此解决方案可能会产生一些性能损失：

错误 561154 跟踪 Gecko 的问题，其中 :-moz-any() 的特异性不正确。当前（从 Firefox 12 开始）实现将 :-moz-any() 置于通用规则的类别中，这意味着将其用作最右边的选择器将比使用 ID、类或标签作为最右边的选择器要慢。

否则，为了获得更广泛的支持和更好的可维护性，请使用 CSS 预处理器，就像其他人建议的那样

Answer 2

您可以使用LESS或SASS来获得此功能。

LESS 中的嵌套示例：

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

Answer 3

您应该创建一个包含在每个元素中的类。我建议做类似的事情.green。