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

是否可以在Chrome inspector中添加新的CSS属性？似乎只能编辑现有属性

---

此外，编辑属性后，是否有方法将修改后的CSS作为一个整体查看？

为什么不？这是Google Chrome inspector的

样式面板的屏幕截图

请注意块：

element.style {

}

您只需在该区域单击鼠标，inspector将为您提供添加新样式的机会。如果需要向元素添加新属性，请在
Elements
面板中右键单击该属性，然后选择“添加属性”

此外，一旦您编辑了属性，是否有一种方法可以将修改后的CSS作为一个整体查看

Computed Style
面板没有提供此信息吗？在那里，您可以检查应用于节点的所有样式，以及它们应用于哪个规则和来自哪个样式表

是否可以在Chrome inspector中添加新的CSS属性？信息技术
似乎您只能编辑现有属性

只需在“样式”面板中的任何空白处双击即可

我倾向于双击
}
右侧的CSS规则来编辑任何一条CSS规则

此外，编辑属性后，是否有方法查看修订的属性
CSS作为一个整体

看

据我所知没有

可能有一个扩展可以做到这一点，但如果存在扩展，它可能不会保留原始CSS的精确格式。
您可以在规则中添加新属性，在规则中双击。您还可以从拐角处的控制盘添加新规则，然后选择“新样式规则”

要查看整个修订文档，请转到：
Resources>Frame>site name>Stylesheets>stylesheet name.css

或者只需单击css属性上方的+符号
是的，可以在Chrome inspector中添加新的css属性，并通过几个简单的步骤查看它们：

在要更改的图元上单击鼠标右键，选择“检查图元”
单击“新样式规则”按钮（下图中的1）
Google Chrome将分配一个CSS匹配规则，您可以重命名该规则（2，在下图中）
添加您的CSS规则（2在下面的图像中）
完成后，只需检查“计算样式”窗格（下图中的3）

你可能一年只为我节省了17个小时——我从来没有想过要点击关闭按钮
}
。我倾向于双击最后一个属性，然后用tab键创建一个新的属性。没有“资源”小东西，只有大帮助。。。没人注意到。。美好的