我最近做过一个 略低于CSS 追随我的阅读 为什么抽象事项,在本文中,我展示了对前端开发团队的有用程度,但大缺点是您必须在开发计算机上安装Ruby以便使用它。

在某些情况下安装Ruby可能是不可能的,但是,使用非侵入式PHP框架工作得更好,这就是什么 XCSS. seems to aim for.

它的工作很好

安装XCSS很容易,我花了5分钟首次遵循指示,另一个时候都是微风。

这个想法很简单,你把一个名为xcs的文件夹放在CSS文件夹的顶部。您还添加了源文件夹,您可以在其中放置工作CSS文件。您可以进入XCSS配置文件和源文件和跳转的添加路径!你很高兴去,但是 这个页面解释了它更好.

每次刷新页面时,它就会立即创建您的CSS文件,真的,您觉得没有觉得’S的东西在这里工作。

你能用xcss做什么

不幸的是,XCSS很年轻,不是最完整的抽象框架功能明智。您获取基本变量,嵌套对象,您可以从另一个类扩展一个类,即’s it.

// Variable in Xcss
vars {
    $path = ../img/tmpl1/png;
    $color1 = #FF00FF;
    $border = border-top: 1px solid $color1;
}
.selector {
    background-image: url($path/head_bg.png);
    background-color: $color1;
    $border;
}

就个人而言,我不在乎嵌套物体,这不是我工作的方式,但其他功能可以真正延长您的CSS方式。这也是XCSS的情况下有点不同的地方,我真的意味着早先扩展一个课程。在XCSS中,您可以使用某种面向对象CSS,基本上,如果要将来自类的所有属性添加到另一个,这是您所做的: .SpecialClass延伸.BasicClass {}.

它可能不是每个人,但我喜欢它的感觉。也是一个很好的触摸,当您的项目准备好推动Web时,您可以通过在配置文件中更改小行来将CSS直接从XCS缩小。

如果我们与他人的抽象框架比较

优点:
在所有项目中安装易于安装
您的计算机或服务器上无需安装
生成的CSS是即时的
可以在现场划线

缺点:
特征有点低 (没有公式痛苦)
不支持@Import,需要在配置文件中声明

结论

我非常满意XCSS,我希望在不久的将来能够拥有更多功能。我决定在CSS框架中实施它。这是好的。


更新10月27日:XCS最近已更新了等式功能