使用類名稱的一部分作為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。