在 Web 开发人员工具中创建 CSS 规则 [重复]答案

【问题标题】：Create css rule in web developer tools [duplicate]在 Web 开发人员工具中创建 CSS 规则 [重复]
【发布时间】：2014-08-24 12:55:21
【问题描述】：

到目前为止，我在 Firebug 中使用最多的命令是右键单击 CSS 窗格和“添加规则...”

在 Firefox 的 Web 开发工具中是否有任何快速等效的工具？

【问题讨论】：

【解决方案1】：

我们刚刚将它添加到 Firefox 33，请参阅 this bug 了解更多信息。

要立即试用，请从 http://aurora.mozilla.org/ 下载 Firefox Aurora

【讨论】：

【解决方案2】：

单击样式编辑器选项卡。并在那里添加你的 CSS。

【讨论】：

【解决方案3】：

上面写着：

element {
}

您应该可以单击此处并添加规则。如果元素已经应用了内联样式，则这些大括号不会为空，但您可以执行相同的操作。

【讨论】：

是的，这是用于内联的，对吗？ firebug 中的“添加规则...”命令让您命名选择器，声明规则，然后使用“复制规则声明”复制整个内容并将其粘贴到文件中。 FF工具中是否有等效的有效程序？
但是如何使用不同的选择器添加规则？