在Chrome检查器中是否可以添加新的CSS属性？看起来您只能编辑现有的属性。
此外，一旦您编辑了属性，是否有一种方法可以将修订后的CSS作为整体查看？
4个回答
19
是的，在Chrome检查器中添加新的CSS属性并进行审核是可能的，并且只需要几个简单的步骤：
- 右键单击要更改的元素并选择“检查元素”；
- 单击“新样式规则”按钮（如下图所示的1）；
- Google Chrome将分配一个CSS匹配规则，您可以对其进行重命名（如下图所示的2）；
- 添加您的CSS规则（如下图所示的2）；
- 完成后，只需检查“计算样式”窗格（如下图所示的3）。
- Rolando Isidoro
1
1微小的东西却有巨大的帮助...没有人注意到它..不错。 - haidarvm
7
您可以双击规则内部添加新属性。同时，您也可以从角落的菜单中选择“新样式规则”添加新规则。
要查看整个修订文档，请转到：
要查看整个修订文档，请转到：
资源 > 框架 > 站点名称 > 样式表 > 样式表名称.css
或者，只需点击CSS属性上方的+符号即可。- Sotiris
1
2没有“资源”选项卡 - Pacerier
4
在Chrome检查器中添加新的CSS属性是否可能？似乎只能编辑现有属性...
只需在“样式”面板中的任何白色空白处双击即可。
我倾向于在要编辑的CSS规则的
另外，一旦您编辑了属性，有没有办法将修订后的CSS作为整体查看？
请参见@Sotiris's answer。
并不是我所知道的。 可能会有一个可以做到这一点的扩展，但如果存在一个扩展，它可能不会保留您原始CSS的确切格式。
只需在“样式”面板中的任何白色空白处双击即可。
我倾向于在要编辑的CSS规则的
}右侧双击。另外，一旦您编辑了属性，有没有办法将修订后的CSS作为整体查看？
请参见@Sotiris's answer。
并不是我所知道的。 可能会有一个可以做到这一点的扩展，但如果存在一个扩展，它可能不会保留您原始CSS的确切格式。
- thirtydot
1
1你可能刚刚为我节省了一年17个小时的时间 - 我从未想过点击
} 来关闭。我倾向于双击最后一个属性，然后按 Tab 键创建一个新属性。 - alexmuller2
为什么不呢？这是Google Chrome检查器中“样式”面板的截图
。请注意块：
你只需在该区域单击鼠标，检查器将为您提供添加新样式的机会。如果需要向元素添加新属性，则右键单击“元素”面板中的元素并选择“添加属性”。
此外，一旦您编辑属性，是否有一种方法可以整体查看修订后的CSS？
“计算样式”面板不会给您这些信息吗？在那里，您可以检查应用于节点的所有样式，并实际上可以查看它们应用于哪个规则以及从哪个样式表应用。
。请注意块：element.style {
}
你只需在该区域单击鼠标，检查器将为您提供添加新样式的机会。如果需要向元素添加新属性，则右键单击“元素”面板中的元素并选择“添加属性”。
此外，一旦您编辑属性，是否有一种方法可以整体查看修订后的CSS？
“计算样式”面板不会给您这些信息吗？在那里，您可以检查应用于节点的所有样式，并实际上可以查看它们应用于哪个规则以及从哪个样式表应用。
- spliter
网页内容由stack overflow 提供, 点击上面的可以查看英文原文，
原文链接
原文链接