css - 无法向 Firefox Devtools 添加新规则

Question

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

1. 右键单击 > 新规则
2. 类型.entry-content a
3. 点击标签
4. 开始添加 CSS

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

Answer 1

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

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

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