在新的不同风格的容器瞄准多个选择(targeting multiple selectors in a

我们认为我们有几个元素（的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;}

一切都OK了，只是这是太长太编码。 有没有一种方法（更短的编码），以针对所有这些元素？ 喜欢：

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

注：我不想使用预处理器。

Answer 1:

不以纯CSS，但在SCSS（ 萨斯 ）：

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

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

Answer 2:

没有绝对的方法可以做到这一点无需预处理器。

Answer 3:

没有您使用的标记的详细信息，这是唯一我能说什么：

你可以退出标签选择器（它是不必要的。）：

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

在另一边 ，你可以使用级联原理CSS和增加对所有p ， h4 ， h5 ， h6和label相同的类（比方说.example ），然后可以叠加你CSS这样的：

.example { color: #fff; }
.container .example { color: #ddd; }

文章来源: targeting multiple selectors in a container for new different styles