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 （除非不太可能）如果您還有其他適用於這些元素的規則，並且您需要具有更高特異性的選擇器來覆蓋它們）。