CSS - 选择多个元素的约定

Question

我有一些 CSS 命令可以更改很多类似的元素，但它看起来很难看，我想知道是否有更好的方法（通常）来选择它们。所有文档都表明我是正确的，所以我再次求助于社区。​​p>

代码：

.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 987654323@（除非在极少数情况下，您还有其他适用于这些元素的规则，并且您需要具有更高特异性的选择器来覆盖它们）。