在Google Chrome开发者工具中查看由via inspector添加的CSS

Question

首先，我知道this question存在，但这不是我所得到的。我想知道Developer Tools中是否有一些视图可以让您看到“通过检查器”添加的所有样式。 For example，我可以选择span.count元素，看看这是我添加的内容。

但我通过督察添加了很多东西。现在我必须点击每个元素，看看它是否是我为其添加样式的元素之一。

任何人都已经看过SO帖子或知道答案了？感谢。

Answer 1

至少从Chrome 22开始，您可以在“源”面板中打开“inspector-stylesheet”源。它包含您手动添加的所有规则。

Answer 2

如果有人遇到这个问题但仍然遇到新版Chrome的问题，这对我有用： 在元素面板上添加一个样式，然后在css规则的元素面板中，单击inspector-stylesheet链接。这将打开源面板中的检查器样式表。您可以将其打开并根据需要添加。