css - 在 Google Chrome 开发者工具中查看通过检查器添加的 CSS

Question

首先，我知道这个问题存在，但这不是我要解决的问题。我想知道开发人员工具中是否有一些视图可以让您查看“通过检查器”添加的所有样式。 例如，我可以选择 span.count 元素并查看这是我添加的内容。

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

任何人都已经看到过这样的帖子或知道答案吗？谢谢。

Answer 1

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

Answer 2

如果有人遇到这个问题并且仍然无法使用较新版本的 chrome，这对我有用：在元素的元素面板中添加样式，然后在 CSS 规则内的元素面板中，单击检查器样式表链接。这将在源面板中打开检查器样式表。您可以将其打开并根据需要添加。