gpt4 book ai didi

css - 如何在 Chrome 开发者工具中查看所选元素的 CSS 样式的行号?

转载 作者:行者123 更新时间:2023-12-02 08:37:04 25 4
gpt4 key购买 nike

使用 Chrome 开发者工具,我想知道应用于所选元素的每个 CSS 样式的行号是多少。 Firefox 中的 Firebug 可以做到这一点,而且非常方便。

screenshot

最佳答案

它是文件名末尾的数字,位于 : 符号之后。

例如,layout9.css?nocached4:1 表示该属性在 1 行声明。这是缩小的 CSS 文件的典型特征,它们往往是一行。

Firebug 和 Chrome Developer Tools 之间屏幕截图的不同可能是 Firebug 被配置为使用 CSS 源映射,因此无论如何它都能够显示正确的行号。检查 Chrome 开发者工具是否选中了“启用 CSS 源映射”设置。

Chrome Developer Tools - Settings - Enable CSS Source Maps

关于css - 如何在 Chrome 开发者工具中查看所选元素的 CSS 样式的行号?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20347728/

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