我可以在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如此明显地多余时，只需使用内联样式。

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