无法向Firefox Devtools添加新规则

Question

在上面的gif中，您可以看到我在使用Firefox DevTools添加新规则.entry-content a时遇到问题。对于我的生活，我无法让这种流动起作用：

1. 右键单击＆gt;新规则
2. 输入.entry-content a
3. 点击标签
4. 开始添加CSS

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

Answer 1

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

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

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