Javascript 将类名的一部分用作css变量

我正在使用css来更改两个div的大小，以便它们的大小表示一些值，每个会话会更改几次

是否有定义css类的方法，例如：

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

其中，

\1

是否匹配？然后，只要我需要更改大小，就可以通过jquery添加一个类，如

.shiftydiv25

我不需要对浏览器的传统支持，我更喜欢不添加任何依赖项。 如果我不能使用纯css，我将动态创建css类，或者将

style=

属性注入到我的代码中。哪一个更好（不那么坏）

编辑： 如果有一种很好的方法可以使用JS/jquery实现这一点，那么它也会很好地工作

编辑2：

---

所以用js做这件事其实很容易。oops

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

---

您可以使用

进行循环

并迭代20个元素，然后生成.shiftydiv1，shiftydiv2。。。shiftydiv20。

不，CSS没有办法做到这一点，那么你想用javascript做到吗，因为你已经标记了这个问题？你用jQuery设置类-为什么不用它设置宽度？实际上，你已经成为了这个问题的受害者，你应该用jQuerySounds设置样式，就像你需要jQuery的

.CSS（）

method不“注入”或修改样式属性。使用JS

.style

或jQuery

.css（）

。例如：`$（'.shifty'）.css（'width'，'2px'）。还要记住，你可以通过媒体查询和使用百分比而不是像素来做很多事情。这对于

CSS

文件来说是一个巨大的膨胀。绝对不推荐。