html - 多个 ID 共享 1 个类 CSS

Question

我可以这样做:

#id1 .class1, #id2 .class1{
   color:#FFF;
}

但这看起来很笨重，尤其是当我有大量 ID 想要与 1 个类(class)共享时。

我更愿意做这样的事情:

#id1, #id2 .class1{
   color:#FFF;
}

显然这行不通，但您明白我的意思。

想法？

编辑:

可能应该在我被激怒之前提到我正在覆盖 CSS 框架。想想 bootstrap 或 zurb 基金会。这就是为什么需要这样做而不是仅仅使用一个类。我只是想知道在 native CSS 中是否还有我不知道的其他继承选择器。

Answer 1

您可以使用类似 LESS 的语言编译成CSS。它的众多功能之一就是以下 LESS:

#id1, #id2 {

  .class1 {
      color: #fff;
  }

}

编译为:

#id1 .class1,
#id2 .class1 {
  color: #fff;
}

该编译可以在服务器端(lessphp 或 less.js)或客户端(less.js)完成，具体取决于您的偏好/需要。