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

Question

Consider this:

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

Is it possible to turn this into a function in CSS or CSS3
so I don't have to manually have 100 css classes, but
just have 1 css 'function' for it?

like below:

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

if not, can we do better than writing 100 lines?

I prefer not using scss or any variants.

Answer 1

Sure.

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

When your CSS is so obviously redundant, just use inline styles.

Or redesign your code to actually use classes properly.