如何从项目中的多个CSS文件中识别未使用的CSS定义 [英] How to identify unused CSS definitions from multiple CSS files in a project

问题描述

一堆CSS文件被拉进来了，现在我正在尝试清理一些东西.

A bunch of CSS files were pulled in and now I'm trying to clean things up a bit.

如何有效地识别整个项目中未使用的CSS定义?

How can I efficiently identify unused CSS definitions in a whole project?

推荐答案

Chrome开发者工具具有一个审核标签，该标签可以显示未使用的CSS选择器.

Chrome Developer Tools has an Audits tab which can show unused CSS selectors.

运行审核，然后在网页效果下，参见删除未使用的CSS规则

Run an audit, then, under Web Page Performance see Remove unused CSS rules

这篇关于如何从项目中的多个CSS文件中识别未使用的CSS定义的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！