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

时间:2015-02-02 13:58:28

标签: css stylesheet placeholder

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">

1 个答案:

答案 0 :(得分:1)

欢呼伙计,少了/ sass是......