0

我有一些 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？

4

1 回答 1

1

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

例如，如果类 likegeneric_radio_1仅用于并且只会用于您希望引用的特定元素，则无需.customRadioNPS在类选择器 like 之前使用选择器.generic_radio_1（除非在不太可能的情况下您有其他也适用于这些元素的规则，并且您需要具有更高特异性的选择器来覆盖它们）。

于 2013-09-06T08:49:57.353 回答