我怎样才能干燥这个CSS规则

Question

有没有一种方法可以在仅使用一个

.active

选择器的情况下编写与以下内容等效的规则集？

.active #pselect,
.active #bselect,
.active #cselect,
.active #nselect,
.active #iselect {
    color: white;
}

Answer 1

理想情况下，您可以向通过 id 选择的元素添加一个类。但如果这不可能，您可以使用 属性选择器:

.active [id$="select"] {
  color: white;
}

这个特定的属性选择器选择 id 值以“select”结尾的所有元素。