如何在firefox样式编辑器中插入字符？

Question

e.g。我有这样的CSS代码可以动态编辑：

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

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

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

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

删除的零会自动返回。事实证明这对我来说太烦人了，但我根本无法解决这个问题。任何人都可以告诉我如何编辑样式的方式与人们在任何文本编辑器中的方式相同，而不是它带回我删除的所有内容，使版本完全搞砸了。