css - 针对新的不同样式的容器中的多个选择器

Question

假设我们有几个元素 (p, h4, h5, h6, label) 包含在 div.container 中。所有元素都在容器外设置了样式

p, h4, h5, h6, label{color: #fff;}

但是当它们包含在那个特殊的容器中时，我们想为它们设置新的样式，所以我通常这样写:

div.container p, div.container h4, 
div.container h5, div.container h6, 
div.container label{color: #ddd;}

一切正常，只是代码太长了。有没有办法(更短的编码)来定位所有这些元素？喜欢:

div.container [p, h4, h5, h6, label] {color: #ddd;}

注意:我不想使用预处理器。

Answer 1

不是在纯 CSS 中，而是在 SCSS 中(Sass):

div.container {
  p, h4, h5, h6, label {color: #ddd;}
}

演示:http://jsfiddle.net/Guffa/rq7hx/