Ok 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;
}
将返回str
值:
.w0x {宽度:0像素;}
.w1x {宽度:1px的;}
.w2x {宽度:2px的;}
......
.w100x {宽度:100像素;}
.w200x {宽度:200像素;}
.w300x {宽度:300像素;}
......
.w1000x {宽度:1000像素;}
然后我将从浏览器窗口复制到等待文件中:master_snippet.css
。
好的...所以编码没有问题,一切正常。
问题是 概念 成品。 我必须为我使用的每种样式创建其中一个字符串 ie:
- 宽度
- min
- max
- 高度
- min
- max
- padding
- 余量
- 等...
只要想一下排列的数量就能让我达到阿斯普林瓶 ?!?!?!?!? 而且我确信如果我的浏览器能够运行,它在加载这样一个文件时也会这样做。
是否有某种 占位符 我可以用来保存书面排列? 即:
而不是拥有.w5x
&amp; .w10x
实例化如下:
.w5x{width:5px;}
.w10x{width:10px;}
<hr class="w5x">
<hr class="w10x">
所有我需要做的是使用 占位符 在css文档中实例化一次的样式,让我们说 ?目前。
然后当我实例化两个<hr>
标签时,如上所述&amp;在下面, 占位符 是这样的,并且有效的样式会附加到正在设置样式的元素上,在这种情况下是<hr>
。 即:
.w?x{width:?px;}
<hr class="w5x">
<hr class="w10x">
答案 0 :(得分:1)
欢呼伙计,少了/ sass是......