无法向 Firefox Devtools 添加新规则答案

【问题标题】：Can't add New Rule to Firefox Devtools无法向 Firefox Devtools 添加新规则
【发布时间】：2014-11-02 19:03:27
【问题描述】：

在上面的 gif 中，您可以看到我在使用 Firefox DevTools 添加新规则 .entry-content a 到样式时遇到问题。在我的一生中，我无法让这个流程发挥作用：

我有什么遗漏吗？当我离开 Chrome 时，我已经使用 Firefox 作为我的开发浏览器几个月了（不会讨论），所以这是我习惯的环境。

【问题讨论】：

【解决方案1】：

当您将选择器更改为“.entry-content a”时，该选择器不再适用于当前选定的元素（而是适用于该元素的任何子元素）。检查器仅显示适用于该元素的规则，因此新规则将从显示中删除。

然而，这不是好的行为，这里是用于改变行为的 Firefox 错误：https://bugzilla.mozilla.org/show_bug.cgi?id=1084670

同时，虽然不是很理想，但您可以在样式编辑器工具中将规则添加到样式表中。

【讨论】：

那个错误似乎被贴错了标签 - 这不是所有检查员的工作方式吗，如果你添加一个选择器，它会添加它，不会改变任何其他东西。该错误是关于当您为所选元素添加新的 #element:before 时，所选 #element 的 :pseudo 选择器完全消失。
同样的错误。在将选择器更改为“#element a”和“#element:before”的情况下，您将其更改为与当前元素不匹配的选择器（伪元素选择器与伪元素匹配，不是元素）。在这两种情况下，新规则都消失了。
我明白了，我不知道这是同一回事。想想看，我不知道他们允许选择或访问 :pseudo 元素的任何方式，但可能有一种特定于 mozilla 的方式。