在 chrome 开发工具中过滤 CSS 规则的键盘快捷键是什么？

Question

我正在查看他们的快捷方式页面，但似乎找不到过滤不同 CSS 规则的快捷方式。

有人知道我如何访问它吗？根据我的经验，有时这些事情没有记录在案，如果有人能澄清一下，将会很有帮助。

Shortcuts Link

我希望能够在这里访问这个区域：

谢谢

Answer 1

我仔细查看了源代码，似乎没有快捷键组合。当然，您可以输入一个feature request 来实现一个。但是，我们必须考虑适合使用哪种快捷方式。

元素面板中的选项卡索引有一个替代快捷方式。默认情况下，当您转到 Elements 时，body 元素会展开。如果正文中的外部元素中没有链接，则只需按两次 tab 键即可进入样式过滤器。如果你有链接，那么它可能会多几次。但是，您可以按一次 left 键盘快捷键折叠正文，然后按两次 Tab。这意味着对于刚刚进入元素面板的用例（即您还没有在其中玩耍），使用 left>tab>tab 可能已经足够了。