YACP:另一种CSS预处理器

YACP

YACP(Yet Another CSS Preprocessor),即另一款CSS预处理器。

安装

如果要用在HTML中:

案例

输入以下命令编译:

输出:

功能

绑定规范集语法

YACP允许绑定规则集的语法

()内选择器无法层叠。

有了这个功能,你可以定义封装规则集。

稳妥继承其他规范集

那些已有的CSS预处理器其中一个弊端是,如果代码编译错误,它们不会有任何提示。

以下是一段有“危险性”的继承代码(Sass):

输出:

当你覆写了.btn的样式,那么.btn-success的样式也会被覆写,因为如果不这样做,可能会引起意料之外的结果。

YACP的继承功能是安全无害的,你可以使用放心extend(s)或者inherit(s)属性。

  1. 必须用占位符选择器(%),规则集设定了它不会被输出成CSS代码;
  2. YACP的占位符选择器无法层叠;
  3. 如果继承的选择器有相同的属性,会报错。

案例 (1, 2):

案例 (3):

有了这个功能,你可以定义私有(不会被覆写,只可被YACP代码引用)规则集。

编译选项

严格模式

YACP的严格模式只允许使用class和伪对象选择器。

以下选择器无法被编译。

案例:

允许使用!important

有了这个选择,你就可以保持代码一致,这样维护起来会容易些。

空格模式

用的是css-whitespace

参考项目

License

YACP基于The MIT License (MIT)协议。

开源地址:https://github.com/morishitter/YACP

打赏支持我整理更多优质资源,谢谢!

打赏编辑

打赏支持我整理更多优质资源,谢谢!

任选一种支付方式

1 1 收藏

资源整理者简介:凝枫

非典型性程序员,爱做一些和写程序毫不相干的事 个人主页 · 贡献了46个资源 · 1


直接登录

推荐关注

按分类快速查找

关于资源导航
  • 伯乐在线资源导航收录优秀的工具资源。内容覆盖开发、设计、产品和管理等IT互联网行业相关的领域。目前已经收录 1439 项工具资源。
    推送伯乐头条热点内容微信号:jobbole 分享干货的技术类微信号:iProgrammer