css - 类名称中的CSS属性值

是否可以在类名中传递CSS参数？例如：

.mrg-t-X {
   margin-top: Xpx;
}

<span class="mrg-t-10">Test</span>

在此示例中，X应该为10。

最佳答案

不，不是。我们最接近的是attr() function，但这仅在content属性内起作用：

figure::before {
  content: attr(data-before) ', ';
}

figure::after {
  content: attr(data-after) '!';
}

<figure data-before="Hello" data-after="world"></figure>

也许有一天它会被扩展，以便我们可以在其他地方使用它，但是现在这是不可能的。

当前，我确定您知道是否要使用.mrg-t-X类，因此需要为要允许的每个X定义单独的样式规则：

.mrg-t-1 { ... }
.mrg-t-2 { ... }
.mrg-t-3 { ... }
...

关于css - 类名称中的CSS属性值，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/59023013/