在外部样式表中查找 CSS 类的定义

Posted 2023-03-07

【中文标题】在外部样式表中查找 CSS 类的定义

【英文标题】：Find definition of CSS class in external stylesheet

【发布时间】：2014-07-18 02:55:34

【问题描述】：

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

<div class="some-class">

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

【参考方案1】：

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

【讨论】：

那么如果右边没有显示类，那么类就根本不存在？

@tronman 如果未列出，则听起来该类没有与之关联的实际 CSS 规则。

您已经确认了我一直认为是正确的，但我有一些 CSS 没有在右侧显示类名，我知道它已定义.如果我使用开发工具手动删除该类，则该项目将重新设置样式。也许是因为我们在 iframe 中使用了 AngularJS……也许这会影响开发工具。

啊...问题是该类没有任何样式会影响父级而是其子级，因此 Chrome 只会在您突出显示子级时显示该类。