是否可以创建一个动态CSS类，该类根据类的名称更改给定属性的值？ 我希望我有道理，但是要确保，这就是我对代码的意思：
假设我们有一些类可以更改元素的font-size。
.font-1{font-size:1px;}
.font-2{font-size:2px;}
.font-3{font-size:3px;}
.font-4{font-size:4px;}
.font-5{font-size:5px;}
，依此类推。例如，我们最多可以重复100px。
但这看起来很糟糕。如果我们按照我刚才的方式做的话，那是100行代码。
因此，我们可以以某种方式创建仅1 个动态类，而不是这样：
.class-*value*{property:*value*;}
在上面的示例后面加上font-size
.font-*value*{font-size:*value*px;}
而且正如我所想象的那样，*value*将由我们设置，例如以HTML格式设置，例如
<span class="font-*value*"></span>
示例
<span class="font-47"></span>
结果
.font-47{font-size:47px;}
或者在那种情况下也许我们可以使用JS / Jquery：
$("span").addClass("font-*value*");
示例
$("span").addClass("font-47");
结果
.font-47{font-size:47px;}
<span class="font-47"></span>
我可能比想象的要难，但是我仍然很好奇。 这可能吗？