我怎么能干这个css规则

Question

有没有办法在仅使用一个.active选择器时编写与以下内容等效的规则集？

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

Answer 1

理想情况下，您可以通过ID为您选择的元素添加一个类。但如果不可能，您可以使用attribute selector：

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

此特定属性选择器选择id值以＆＃34结尾的所有元素;选择＆＃34;。