将类应用于样式表中的每个选择器

Question

除了使用CSS预处理器之外，有没有办法将类添加到样式表中的每个选择器，而不重复它？

例如，如果我有一个如下所示的样式表：

#id1 .class1 {
  color: #ccc;
}

#id1 .class2 {
  color: #ddd;
}

#id1 .class3 {
  color: #eee;
}

有没有什么方法可以格式化它而不必为每个选择器重复＃id1？

Answer 1

在HTML中添加一个额外的类：

<div id="id1">
   <div class="class1 class-grey">…</div>
   <div class="class2 class-grey">…</div>
   <div class="class3 class-grey">…</div>
   <div class="class4">…</div>
   <div class="class5">…</div>
</div>

...比用CSS设置这个新类：

#id1 .class-grey {
  color: #ccc;
}

Answer 2

这个问题与此类似 - wildcard * in CSS for classes。

您是否尝试过使用这些选择器？