Javascript 基于类名的CSS控件旋转

我在地图上有一些东西，我想旋转不同的角度。我正在用它做地图。我正在使用带有客户图标的。图标是我想要旋转的东西

我似乎不能用javascript来定位图标，但我可以控制它的

className

，所以我想知道，我可以使用

r90

或任何其他数字来旋转图标90度，而不必编写360度风格的规则吗

差不多

.r1 { transform: rotate(1deg) }
...
.r90 { transform: rotate(90deg) }
.r91 { transform: rotate(91deg) }
.r92 { transform: rotate(92deg) }
...
.r359 { transform: rotate(359deg) }

把它变成

[class$=deg] {
  transform: rotate(attr(class));
}

---

如果您不反对将SCS添加到您的工作流中，您可以执行以下操作

@用于从1到359的$deg{
.r{$deg}{
变换：旋转（{$deg}deg）；
}
}

然后SCSS预处理器将为您编写359个类

也就是说，我不能100%确定它在传单中是否有效（因为不知道传单是如何工作的，请参阅Roko C.Buljan的评论）

。我的目标是一个

：：在

伪元素之后，一些传单没有风格的东西。我将只接受一个大的重复css文件。很好。