【问题标题】：Firefox developer tools adding a new rule?Firefox 开发者工具添加新规则？
【发布时间】：2014-08-20 18:18:36
【问题描述】：

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

我不知道如何从 Inspector/Rules 向 CSS 添加新规则。我的意思是“.my-new-rule”不仅仅是默认打开的“元素”规则。

最终编辑：现在可以通过最新的 Firefox 更新来实现。

【问题讨论】：

【解决方案1】：

更新：

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

在没有浏览器插件的情况下，无法使用检查器创建新的 CSS 规则（请参阅下面的评论）。
只需使用样式编辑器。在任意位置键入以制定新规则：

【讨论】：

好的，谢谢。但是有没有办法通过inspector添加呢？如果不是，我想我只需要改变我的方式:)
不，我认为您不能在检查器中添加新规则。 :(developer.mozilla.org/en-US/docs/Tools/Page_Inspector
您目前不能，但这项工作正在积极进行中，并将在 Firefox 33 或 34 中发布。
@canuckistani 好的，期待。;)
“不可能”并不完全正确。我为它写了一个插件，可能还有其他插件 - addons.mozilla.org/en-US/firefox/addon/devtools-tweaks

【解决方案2】：

从 Firefox 33 开始（现在每晚 https://nightly.mozilla.org/），这可以工作。

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

【讨论】：