css - 如何在 Firefox 样式编辑器中插入字符？

Question

例如，我有这样的 CSS 代码可以即时编辑：

nav {
    margin: 100px auto; 
    text-align: center;
}

似乎通过firefox编辑它的唯一方法inspect element是高亮部分并覆盖它。

每次当我尝试将光标移动到某处时，删除一些字符并添加一些新内容（例如，移动到两个零之间的位置，删除第一个并添加 5 使得 100 变为 150），它会自动带回我刚刚删除的字符。见下文：

nav {
    margin: 1050px auto; 
    text-align: center;
}

删除的零自动返回。事实证明这对我来说非常烦人，但我根本无法解决这个问题。谁能告诉我如何编辑样式，就像人们在任何文本编辑器中所做的那样，而不是带回我删除的所有内容，使版本完全混乱。