Position Absolute

在Windows上介绍少CSS抽象

在我的最后一篇关于CSS抽象的最后一篇文章,Chris Eppstein提出了我看看 少CSS.。真相被告知我已经调查了它。但大红宝石的图标让我失望,我不在铁路上使用红宝石。事实证明,您无需在您的服务器上安装Ruby。实际上可以在你的电脑上使用没有问题。

基本原理越少,您有一个无关的文件,可以在每次保存在.css文件中编译。这意味着任何项目都可以使用较少,因为输出始终是CSS。

安装

窗户上的安装较少很容易。您可以获得红宝石的单击安装程序 这里 。快速安装后,您打开命令提示符并点按: 宝石安装较少.

你现在准备好玩。

少很好

因此,假设您现在在生产中有一个项目,您可以更改您的.css .less,并且在命令提示符下您做到了: LESSC C:\ WorkCric \ XAMPP \ XAMPP \ HTDOCS \ SDMM \ CSS \ Global.Letwless -Watch.

现在每次在您的文件中更改某些内容时,就会少在一个漂亮,有点优化的.css文件中编译它。它包括导入的CSS文件并修剪注释,但为一个可读的CSS文件提供。

少提供广泛的展示普通CSS的方式。变量,mixins,操作要命名,看起来 这里 看看所有的力量较少。

一个简单的例子:

@nice-blue: #5B83AD;
@light-blue: @nice-blue + #111;
 
#defaults {
  @width: 960px;
  @color: black;
}
.bordered {
  border-top: dotted 1px black;
  border-bottom: solid 2px black;
}
 
.article { color: #294366; }
 
.comment {
  width: #defaults[@width];
  color: .article['color']; 
  .bordered;
}

什么是不太好的?

有一件事,您无法控制输出文件。这意味着Firebug永远不会告诉潜在的CSS错误的好线。我会喜欢一个选项,其中它仅在不优化整个文件的情况下添加更少的特定属性。

另一个恼人的问题,手表选项没有足够快地编译。您知道它是如何与前端的方式,我们有时会在浏览器中立即进行一行更改并测试它。但是手表有2秒的延迟,有时会减慢我一点。

少可以真正有用

较少可能是CSS现在应该是什么,请尝试一下,我很确定你会将它无缝地整合到你的环境中,并不能再回到生锈的CSS。