跳转到主要内容

清除CSS中的垃圾

项目描述

Build status

通过找出在您的HTML中实际上未使用的选择器来清除CSS中的垃圾。

由Peter Bengtsson, 2012-2018

在Python 2.7, 3.3, 3.4和3.5上测试

示例

$ mincss https://github.com

安装

从pip

$ pip install mincss

为什么?

随着Twitter Bootstrap在世界上的猛烈冲击,直接下载他们整个80+Kb的CSS并上线的诱惑是非常大的,即使您没有使用到一半的HTML。

还有一些网站在时间上发生了变化,但没有CSS得到同样的爱重构。那么,您很可能得到一些您不再或从未使用过的CSS选择器。

这个工具可以帮助您开始减少所有那些您未使用的选择器。

空白压缩?

不,这是一个单独的问题。此工具独立于空白压缩/优化。

例如,如果您有一个构建步骤或运行时步骤,将所有CSS文件转换为一个(连接),并删除所有多余的空白(压缩),那么输出的CSS仍然可能包含一些从未实际使用过的选择器。

AJAX怎么办?

如果您有一个在某种window.onload事件中创建DOM元素的脚本,那么mincss将无法知道这一点,因为目前mincss完全是静态的。

那么网页开发者应该怎么做呢?很简单,比如使用这样的/* no mincss */

.logged-in-info {
    /* no mincss */
    color: pink;
}

这告诉mincss忽略整个块及其所有选择器。

忽略CSS

默认情况下,mincss会找到所有<link rel="stylesheet" ...<style...>标签并处理它们。如果你有一个不想让mincss注意到的链接或内联标签,只需将此属性添加到标签中

data-mincss="ignore"

保持CSS不变

让特定的CSS选择器被mincss忽略的一个技术是在CSS选择器块内添加注释,如/* no mincss */

另一种方法是保持整个样式表不变。这样做的好处是如果你有一个想要让mincss忽略但仍然在解析结果中找到并包含的链接或style标签。

项目详情


下载文件

下载适合您平台的文件。如果您不确定选择哪个,请了解有关安装包的更多信息。

源代码分发

mincss-0.11.6.tar.gz (13.9 kB 查看哈希值)

上传 源代码

构建分发

mincss-0.11.6-py3-none-any.whl (15.2 kB 查看哈希值)

上传 Python 3

mincss-0.11.6-py2-none-any.whl (15.2 kB 查看哈希值)

上传 Python 2

由以下机构支持

AWS AWS 云计算和安全赞助商 Datadog Datadog 监控 Fastly Fastly CDN Google Google 下载分析 Microsoft Microsoft PSF 赞助商 Pingdom Pingdom 监控 Sentry Sentry 错误记录 StatusPage StatusPage 状态页面