我可以缩短吗？截断 |使用某种占位符裁剪我的 CSS 文件？

Question

好的 peep's... 所以我正在创建一个 Master CSS 文件以用于我所有的网络应用程序。

我的第一个想法是将我使用的 width: 风格的每一种排列都放在手边。即：

str = '';
ver = 0;
while(1){
    if( ver == 1000 )   break;
    str += '\n.w' + ver + 'x{ width: ' + ver + 'px; }';
    if( ver < 100 ) ver ++;
        else        ver += 100;
}

return str 值：

.w0x{width:0px;}
.w1x{width:1px;}
.w2x{width:2px;}
......
.w100x{width:100px;}
.w200x{width:200px;}
.w300x{width:300px;}
......
.w1000x{width:1000px;}

然后我将从浏览器 window 复制到等待文件中：master_snippet.css.

好的...所以编码没有问题，一切正常。

问题是概念成品。我必须为我使用的每种样式创建这些字符串之一 ie:

width

min

max

height

min

max

padding

margin

etc...

一想到排列的数量，我就伸手去拿阿司匹林瓶 ?!?!?!?!? 而且我敢肯定，如果我的浏览器有能力，它在加载这样的文件时也会执行相同的操作。

所以，我的问题是...

是否有某种占位符我可以用来保存书面排列？即：

而不是像这样实例化 .w5x & .w10x：

.w5x{width:5px;}
.w10x{width:10px;}

<hr class="w5x">
<hr class="w10x">

我所要做的就是在 css 文档中用 placeholder[= 实例化样式 once 73=]，暂且假设 ?。

然后当我实例化两个 <hr> 标签时，如上和下，占位符有效样式附加到被样式化的元素，在本例中是 <hr>。即：

.w?x{width:?px;} <hr class="w5x"> <hr class="w10x">

Answer 1

伙计们干杯，less/sass它是...

我可以缩短吗？截断 |使用某种占位符裁剪我的 CSS 文件？

Can I shorten | truncate | crop my CSS file with some kind of placeholder?

css

placeholder

stylesheet

所以，我的问题是...