【问题标题】:Find definition of CSS class in external stylesheet在外部样式表中查找 CSS 类的定义
【发布时间】:2014-07-18 02:55:34
【问题描述】:

我正在使用 Chrome 的开发工具来检查网页中的元素。假设它显示如下内容:

<div class="some-class">

假设some-class 是在外部样式表中定义的,那么找到定义some-class 的样式表的最简单方法是什么?

【问题讨论】:

    标签: css google-chrome-devtools


    【解决方案1】:

    如果您使用的是 Chrome 检查器(右键单击页面,检查元素),请突出显示该行并向右看。它应该显示 CSS 类和使用的任何规则,以及指向 CSS 文件的链接。

    【讨论】:

    • 那么如果右边没有显示类,那么类就根本不存在?
    • @tronman 如果未列出,则听起来该类没有与之关联的实际 CSS 规则。
    • 您已经确认了我一直认为是正确的,但我有一些 CSS 没有在右侧显示类名,我知道它已定义.如果我使用开发工具手动删除该类,则该项目将重新设置样式。也许是因为我们在 iframe 中使用了 AngularJS……也许这会影响开发工具。
    • 啊...问题是该类没有任何样式会影响父级而是其子级,因此 Chrome 只会在您突出显示子级时显示该类。
    猜你喜欢
    • 1970-01-01
    • 2017-04-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2014-06-06
    相关资源
    最近更新 更多