Firefox 开发者工具如何添加新规则？

Question

我决定尝试内置的Firefox开发者工具。看起来很不错，但是...

我无法找到如何从检查器/规则中添加新的CSS规则。我的意思是".my-new-rule"而不仅仅是默认打开的"element"规则。

最终编辑：最新的Firefox更新现在可以实现此功能。

- Leopold Kristjansson

---

使用“工具”下拉菜单中的“Web开发者”菜单中的“样式编辑器”。或在CSS检查器中右键单击并选择“新规则”。 - mainguy

抱歉，似乎找不到新规则选项... - Leopold Kristjansson

哎呀，我太傻了，使用了Firebug的CSS检查器。非常抱歉。 - mainguy

如果您对编辑有所贡献，可以为其点赞。这将有助于未来遇到相同问题的人们。 - Jacob G

Answer 1

更新：

从FF 33.00版本开始，现在可以使用检查器添加新的CSS规则!

---

如果没有浏览器插件，则无法使用检查器创建新的CSS规则（请参见下面的评论）。
只需使用样式编辑器。在任何地方输入以创建新规则：

- Jacob G

---

好的，谢谢。但是没有通过检查器添加的方法吗？如果没有，我想我只能改变我的方式了 :) - Leopold Kristjansson

不，我认为您不能在检查器中添加新规则。 :( https://developer.mozilla.org/zh-CN/docs/Tools/Page_Inspector - Jacob G

目前你还不能这样做，但我们正在积极开发中，并将在 Firefox 33 或 34 中发布。 - therealjeffg

@canuckistani 好的，期待着那个。;) - Jacob G

“不可能”并不完全正确。我为此编写了一个插件，而且可能还有其他的 - https://addons.mozilla.org/en-US/firefox/addon/devtools-tweaks/ - NoBugs

Answer 2

从Firefox 33开始（现在的夜间版本https://nightly.mozilla.org/），这个功能就可以使用了。

当你在检查器中选择一个节点时，你可以点击“规则”侧边栏中的任何选择器来编辑它们。

- pbrosset

---

但是你能添加新规则吗？ - Leopold Kristjansson

这也刚刚在Firefox 33中推出了！在检查器的“规则”侧边栏中右键单击，然后选择“添加规则”。 - pbrosset