根据html除去多余css样式在线,@程序员，以后删除多余CSS样式就靠它了！

开源最前线(ID：OpenSourceTop) 猿妹整编

综合自：https://github.com/uncss/uncss

假如你是一个前端程序员，在建网页的时候可能会碰到这样一种情况：CSS的样式越来越多，但是到了后面很多类你压根用不着，这用一句俗语来形容就有点占着茅坑不拉屎的感觉了，想要把它们删了，太麻烦，不把它们删了，占空间。

今天，猿妹要和大家推荐一个项目——UnCSS，这个工具可以从样式表中删除未使用的CSS。 它适用于多个文件，并支持Javascript注入的CSS。

uncss目前已经在GitHub上获得8351个Star，369个Fork，并且已经有31个贡献者，579次提交

(GitHub地址：https://github.com/uncss/uncss)

具体使用起来也很简单，UnCSS删除未使用规则的过程如下：HTML文件由jsdom加载并执行JavaScript。

所有样式表都由PostCSS解析。

document.querySelector 过滤掉HTML文件中找不到的选择器。

其余规则将转换回CSS。

不过需要注意的是UnCSS无法在非HTML页面上运行，例如模板或PHP文件。如果需要针对模板运行UnCSS，则应该从模板生成示例HTML页面，并对这些生成的文件运行unss，此外，UnCSS仅运行在页面加载时运行的Javascript。它不会(也不能)处理在点击按钮等用户交互上的Javascript。必须使用该ignore选项来保留用户交互时添加的Javascript。

UnCSS还可以与其他JavaScript构建系统一起使用，例如Grunt，Broccoli或Gulp！具体这个小工具的使用，感兴趣的伙伴可以到GitHub详细了解。本文转自： 猿哥 开源最前线