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

tro*_*man 20 css google-chrome-devtools

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

<div class="some-class">
Run Code Online (Sandbox Code Playgroud)

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

Dyl*_*lan 17

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

在此输入图像描述

  • 你已经确认了我一直认为是真的,但我有一些CSS*不*显示右边的类名,我知道它是定义的.如果我使用开发工具手动删除该类,则重新设置该项目的样式.也许是因为我们在iframe中使用AngularJS ......也许这会抛弃开发工具. (4认同)
  • 所以如果右边没有显示类,那么这个类根本不存在? (2认同)
  • @tronman 如果未列出,则听起来该类没有与之关联的实际 CSS 规则。 (2认同)
  • 啊...问题是该类没有任何影响父类但影响其子类的样式,因此 Chrome 只会在突出显示子类时显示该类。 (2认同)