我怎么能干这个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"结尾的所有元素.