html - 在HTML中将变量用作类

我的SASS文件中有几个变量，我想直接在HTML中将它们用作类或样式。
我知道我可以使用映射功能，但是这很繁琐。
还有其他方法可以实现吗？简单的方法？

例如：

sass文件：

$margin-base-vertical:30px 0;

html文件：

<div class="some-container margin-base-vertical">
 some things
</div>

最佳答案

那不是一个好主意。如果使用描述样式的类，最终将导致代码难以处理。每次您要更改样式时，都必须更改标记（HTML）和CSS。

最佳实践是使用语义标记。

这是sass真正强大的地方，您可以像这样使用变量：

.some-container {
    margin: $margin-base-vertical;
}

编辑：

对于您的问题，我能想到的唯一替代方法是声明一个变量，然后在您的类上使用它，然后，您将拥有标记所需的类。

SASS文件

$margin-base-vertical: 30px 0;
.margin-base-vertical { margin: $margin-base-vertical; }

的HTML

<div class="some-container margin-base-vertical">
 some things
</div>

关于html - 在HTML中将变量用作类，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/26012206/