css - Chrome 开发人员工具 - 有什么方法可以查看当前页面使用的 CSS？

使用 Google 的 Chrome 开发者工具，我有时会对我的代码进行审核，看看它是如何组合在一起的。这些工具总是提出的建议之一是“删除未使用的 CSS 规则”。单击箭头然后会显示一个通常很大的 CSS 规则列表，这些规则未被当前页面使用。

有没有办法查看当前页面正在使用的 CSS 规则列表？

最佳答案

我知道这可能有点晚了，但如果其他人像我一样偶然发现这个问题并且也很好奇，我发现 Firefox 的 Dust-Me Selectors 附加组件 会告诉你页面上使用的每个样式表的已使用和未使用的选择器。

希望对您有所帮助

关于css - Chrome 开发人员工具 - 有什么方法可以查看当前页面使用的 CSS？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/3929621/

相关文章：

css - 从元素中获取 css 选择表达式