欢迎大家来到IT世界,在知识的湖畔探索吧!
今天一直在找一个可以快捷清除多余沉淀的CSS样式，下面这个在线工具非常实用 – uncss 。
用法：将HTML和CSS复制并粘贴到下面的框中，点击按钮，未曾使用的CSS就会自动删除，瞬间CSS就精简了。
工具预览
![精简去除多余无用的CSS代码[通俗易懂]](https://img.mushiming.top/app/itzsg_com/83528c837baf4e52acf5626a12894e09.jpg?_iz=58558&from=article.pc_detail&x-expires=1685051511&x-signature=r6iB55jjDgLlk7AIkTN%2FWBShkDc%3D "精简去除多余无用的CSS代码[通俗易懂]插图")
![精简去除多余无用的CSS代码[通俗易懂]](https://itzsg.com/wp-content/themes/justnews/themer/assets/images/lazy.png "精简去除多余无用的CSS代码[通俗易懂]插图1")
不过需要注意的是UnCSS无法在非HTML页面上运行，例如模板或PHP文件。如果需要针对模板运行UnCSS，则应该从模板生成示例HTML页面，并对这些生成的文件运行unss，此外，UnCSS仅运行在页面加载时运行的Javascript。它不会（也不能）处理在点击按钮等用户交互上的Javascript。必须使用该ignore选项来保留用户交互时添加的Javascript。
UnCSS还可以与其他JavaScript构建系统一起使用，例如Grunt，Broccoli或Gulp！具体这个小工具的使用，感兴趣的伙伴可以到GitHub详细了解。
UnCSS工具地址：https://uncss-online.com/
免责声明：本站所有文章内容,图片，视频等均是来源于用户投稿和互联网及文摘转载整编而成，不代表本站观点，不承担相关法律责任。其著作权各归其原作者或其出版社所有。如发现本站有涉嫌抄袭侵权/违法违规的内容,侵犯到您的权益，请在线联系站长,一经查实,本站将立刻删除。 本文来自网络,若有侵权，请联系删除，如若转载，请注明出处：https://itzsg.com/17992.html
