清除css中的垃圾
mincss的Python项目详细描述
通过查找哪些选择器清除css中的垃圾 实际上没有在你的html中使用。
彼得·本特松,2012-2018年
在Python2.7、3.3、3.4和3.5中测试
示例
$ mincss https://github.com
安装
来自PIP:
$ pip install mincss
为什么?
随着twitter对世界的冲击 很想下载他们的80多kb的css,甚至提供 尽管你没有使用它样式的一半html。
也有一些网站随着时间的推移而改变,但是 没有css得到同样多的爱重构。那就是 很有可能你得到的css选择器,你不再或从来没有 使用。
这个工具可以帮助你开始减少那些 你不用了。
空白压缩?
不,这是另外一个问题。此工具独立于空白工作 压缩/优化。
例如,如果有生成步骤或运行时步骤转换 所有的css文件合并成一个(连接)并删除所有 多余的空白(压缩),那么输出css仍然可以包含 从未实际使用过的选择器。
那ajax呢?
如果您有一个脚本以某种形式创建dom元素 window.onloadevent然后mincss将无法知道 因为目前mincss完全是静态的。
那么web开发人员应该做什么呢?简单,使用/* no mincss */like 例如:
.logged-in-info { /* no mincss */ color: pink; }
这告诉mincss忽略整个块及其所有选择器。
忽略css
默认情况下,mincss将找到所有的<link rel="stylesheet" ...和 <style...>标记并处理它们。如果有链接或内联 不希望mincss注意到的标记,只需添加此属性 标签:
data-mincss="ignore"
保持css原样
使特定css选择器被mincss忽略的一种技术是 在css选择器中放入类似/* no mincss */的注释 封锁。
另一种方法是保持整个样式表的原样。做的好处 如果您有一个想要的link或style标记mincss 忽略,但仍在分析的结果中查找和包含。