gpt4 book ai didi

css - 如何在 Chrome 开发者工具中过滤并仅显示应用的 CSS(如 Firefox 中的 Firebug)

转载 作者:技术小花猫 更新时间:2023-10-29 10:26:30 26 4
gpt4 key购买 nike

背景故事:我有一个包含多个相互覆盖的 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/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com