我可以在CSS中编写自己的伪函数吗？

Question

考虑一下：

.voffset1 { margin-top: 1px; }
.voffset2 { margin-top: 2px; }
.voffset3 { margin-top: 3px; }
......
.voffset100 { margin-top: 100px; }

是否可以将其转换为CSS或CSS3中的函数 所以我不必手动拥有100个css类，但是 只有1 css'功能'吗？

如下所示：

.voffset:(n) {margin-top : (n)px;}

如果没有，我们可以做得比编写100行更好吗？

我不喜欢使用scss或任何变体。

Answer 1

不确定

<div style="margin-top:1px">

当你的CSS明显多余时，只需使用内联样式。

或者重新设计代码以正确使用类。