css合并工具

Question

a{
    color:red;
    margin-top:10px;
    margin-left:20px;
    margin-right:30px;
}

请教一下，什么工具可以自动把css文件输出为这种格式：margin：上下左右。谢谢各位大神！！

Answer 1

如果写多个比如margin-top可能会有问题，参考 https://github.com/Shopify/po...

Answer 2

你可以设置一个css函数，以stylus为例：

m( top, bottom, left, right)
  margin toppx rightpx bottompx leftpx

然后在对应的css中引入这个这个函数，你的css就能这么写

a{
    color:red;
    m(10,0,20,30);
}

Answer 3

在一个CSS文件利用@import url('其他的CSS文件');
想引入几个CSS文件就用几个@import url
注意路径的的书写
首页需要两个CSS文件index.css和common.css
就在index.css的首行写入(两个CSS文件在同一个目录下)
@import url('common.css');
这样只需要在首页链接一个index.css文件就可以了。

Answer 4

cssnano