使用类名的一部分作为css变量

Question

我使用css来更改两个div的大小，以便它们的大小代表某个值，每个会话都会更改几次。

无论如何都要定义一个css类，如：

.shiftydiv(*) {
    width:\1;
}

其中\1是否匹配？然后，只要我需要更改大小，我就可以通过jquery添加类.shiftydiv25这样的类。

我不需要传统的浏览器支持，我不想添加任何依赖项。 如果我不能用纯css做，我会动态创建CSS类或者在我的代码中注入style=属性。哪个更好（不那么糟糕）。

编辑： 如果有一个很好的方法可以使用JS / jquery来做到这一点也很好。

编辑2： 所以用js这样做实际上很容易。糟糕

Answer 1

也许纯CSS使用SASS / LESS并生成多个类？

你可以使用for loop并迭代让我们说20个元素并制作.shiftydiv1，shiftydiv2，... shiftydiv20。