CSS - 选择多个元素的约定

Question

我有一些CSS命令可以改变很多相似的元素，但它看起来很难看，我想知道是否有更好的方法（传统上）选择它们。所有文件都表明我是正确的，所以我再次转向社区。

代码：

.customRadioNPS .generic_radio_1, .customRadioNPS .generic_radio_2{
  background:#33CC66;
  height: 40px;
  width: 40px;
}
.customRadioNPS .generic_radio_3, .customRadioNPS .generic_radio_4, .customRadioNPS     .generic_radio_5, .customRadioNPS .generic_radio_6, .customRadioNPS     .generic_radio_7, .customRadioNPS .generic_radio_8{
  background:#FFFF99;
  height: 40px;
  width: 40px;
}
.customRadioNPS .generic_radio_9,.customRadioNPS  .generic_radio_10{
  background:#FF3333;
  height: 40px; 
  width: 40px;
}
.customRadioNPS .generic_roption_1, .customRadioNPS .generic_roption_2{
  background:#33CC66;
}
.customRadioNPS .generic_roption_3, .customRadioNPS .generic_roption_4, customRadioNPS .generic_roption_6, .customRadioNPS .generic_roption_7, .customRadioNPS .generic_roption_8{
  background:#FFFF99;
}
.customRadioNPS .generic_roption_9, .customRadioNPS .generic_roption_10{
  background:#FF3333;
}
.customRadioNPS .generic_roption_5{
  border-right: 2px dashed gray;
  background:#FFFF99;
}

您可以看到它们都在customRadioNPS类中，但我不确定是否有更好的方法，所以我可能不会继续命名.customRadioNPS？

Answer 1

您无法简化使用的CSS选择器。但是根据标记（你没有说什么），可以使用更简单的选择器来引用相同的元素。

例如，如果仅使用类generic_radio_1这样的类，并且仅用于您希望引用的特定元素，那么之前不需要使用选择器.customRadioNPS像.generic_radio_1这样的类选择器（除非你也有其他适用于这些元素的规则，你需要具有更高特异性的选择器来覆盖它们）。