css - 你能在 Chrome Inspector 中添加新的 CSS 属性吗？

Question

是否可以在 Chrome 检查器中添加新的 CSS 属性？您似乎只能编辑现有属性。

此外，一旦您编辑了属性，有没有办法将修改后的 CSS 作为一个整体来查看？

Answer 1

是的，可以在 Chrome 检查器中添加新的 CSS 属性并通过几个简单的步骤查看它们:

1. 右键单击要更改的元素并选择“检查元素”；
2. 单击“新建样式规则”按钮(下图中的 1)；
3. Google Chrome 将分配一个 CSS 匹配规则，您可以重命名该规则(下图中的 2)；
4. 添加您的 CSS 规则(下图中的 2)；
5. 完成后，只需检查“计算样式” Pane (下图中的 3)。