大家是如何清除多余 css 的？

[ourunnet]

随着网站运营时间增加，html、css 的不断修改调整，导致好多多余 css 代码，有没有一键清除的那种插件，求一个。

[cnqncom]

对，我也需要。之前写的 CSS 文件中很多样式，网站改版后很多样式都用不上了。又不敢随便删除 CSS 文件中的样式，生怕删错了。有无这样的工具插件？

[1O]

https://uncss-online.com

[ourunnet]

@1O 好的，感谢，我去试试

[cnqncom]

@1O 只能一个页面一个页面的去检查？

[Tonni]

Chrome built-in code coverage inspector - https://developers.google.com/web/updates/2017/04/devtools-release-notes#coverage

[yuxuan]

@1O 还是挺好用的 不过有些动态插入的元素傻了😂

[bzw875]

项目里面搜索*.html,*.js,*.css ，如果没引用就删了

[tuibaba]

Firefox 有个插件 Dust-me Selectors

[otakustay]

@bzw875 事情并没有这么简单

[a87150]

不能自己写个文本分析工具？

[cnqncom]

@a87150 如果会就不提问了

[zhs227]

没有动态内容的话，chrome 的 audit 工具能看到哪些 CSS 未被引用。有动态内容的话就不行。

[Mutoo]

@a87150 #10 不需要自己写啊，现成的 https://github.com/purifycss/purifycss

[zoffy]

Chrome CSS Coverage 可以试试

[hareandlion]

没看代码，web 项目的话是不是还需要指定静态资源所在的目录？

[jeneser]

少的话 Chrome 手动删，我是不太相信那些不太合适的工具。

扯点其他的: 如果到了这种地步，我会花一些时间用 sass 重构，placeholder 以及 mixin，屡试不爽。
另外，我们很可能一直都在写潦草的 css 代码，bem oocss smacss 也许能减少一些痛苦...

[PanJiaChen]

推荐用 https://github.com/ben-eb/cssnano

[intellectual]

很久很久很久很久以前，ms 有个 expression web，剑指 dreamviewer，也是很不错；可惜后来死了，lz 一定要找到方法总结下啊。毛毛哒

[xomix]

@intellectual https://www.microsoft.com/en-us/download/details.aspx?id=36179

https://docs.microsoft.com/zh-cn/previous-versions/visualstudio/design-tools/expression-studio-3/cc296395(v=expression.30)

就……还能用的样子？？