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

Question

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

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

Shortcuts Link

我希望能够访问此区域：

由于

Answer 1

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

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