您可以在Chrome Inspector中添加新的CSS属性吗？

Question

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

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

Answer 1

是的,可以在Chrome检查器中添加新的CSS属性,并通过几个简单的步骤进行审核:

1. 右键单击要更改的元素,然后选择"Inspect element";
2. 单击"新建样式规则"按钮(下图中的1);
3. Google Chrome会指定一个CSS匹配规则,您可以重命名(下图中为2);
4. 添加CSS规则(下图中为2);
5. 完成后,只需选中"计算样式"窗格(下图中的3).

Answer 2

您可以在规则中双击规则中添加新属性.您还可以从角落中的滚轮添加新规则,然后选择"新样式规则".

要查看整个修订文档,请访问: Resources > Frame > site name > Stylesheets > stylesheet-name.css

或者只需单击css属性上方的+符号

Answer 3

为什么不？Styles这是Google Chrome 检查器面板的屏幕截图

注意块：

element.style {

}

您只需在该区域单击鼠标，检查器就会给您一个添加新样式的机会。如果您需要向元素添加新属性，请在Elements面板中右键单击它并选择“添加属性”。

另外，一旦你编辑了属性，有没有办法整体查看修改后的CSS？

面板没有Computed Style给你这些信息吗？在那里，您可以检查应用于节点的所有样式，实际上，它们是按照什么规则以及从什么样式表应用的。