Chrome Devtools / Inspector：在样式选项卡中是否有在 css 属性之间切换的键盘快捷键？答案

【问题标题】：Chrome Devtools / Inspector: Is there a keyboard shortcut to switch between css properties in the Styles tab?Chrome Devtools / Inspector：在样式选项卡中是否有在 css 属性之间切换的键盘快捷键？
【发布时间】：2017-07-01 04:32:19
【问题描述】：

我通常使用 Firefox 和 Firebug 来测试和调整 CSS，但我正在尝试切换到 Chrome。让我发疯的一件事是，要在 Chrome 中更改 CSS 属性，看起来我必须单击它，删除当前值，然后手动输入正确的值。

在 Firebug 中，您只需单击一个属性并向上/向下推以在该规则的有效属性之间切换，例如，如果您正在玩 justify-content:，推 up/down 将在 center/start/end/ 之间切换对/等在 Chrome 中，我发现我必须一直查找语法，这在浪费我的时间。我认为此功能存在于新类型的规则中，但不存在于现有规则中。

“样式”选项卡中是否有在现有 css 规则的有效属性之间切换的键盘快捷键？

【问题讨论】：

标签： css google-chrome google-chrome-devtools

【解决方案1】：

Ctrl-Space 是键盘快捷键。仍然比新规则/Firebug up/down 方法慢得多，但至少它有效。

【讨论】：