背景故事:我有一个包含多个相互覆盖的 CSS 的页面。划掉的CSS样式太多了，不想看。
我知道 Firefox 上的 Firebug 提供此功能(仅显示应用的 CSS)，它可以显示正在应用的 CSS 文件中的 CSS 样式(整洁!)。
我们如何在 Chrome 上使用此功能？我尝试为 Chrome 安装 Firebug Lite，但没有成功。
PS:Chrome 有 Computed Style 选项卡，但它不显示什么样式来自什么 CSS 文件。
最佳答案
在 Chrome 开发工具中，在右侧的列中(元素面板中显示 CSS)，第一部分称为“计算样式”。如果你取消选择“显示继承”，你会得到一个实际应用于元素的样式的简洁列表。这有帮助吗？
关于css - 如何在 Chrome 开发者工具中过滤并仅显示应用的 CSS(如 Firefox 中的 Firebug)，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/16770176/