您如何在IE开发人员工具中编辑CSS？

我正在使用Internet Explorer的开发人员工具来尝试调试网页出现的问题。

当我突出显示元素时，CSS出现在右侧，但是我似乎无法添加新规则或正确编辑现有CSS。

尝试向类中添加“ display：block”属性，我尝试编辑无关紧要的现有规则（background-color：transparent），但是一旦更改，该规则就会消失！

我在这里某个地方缺少技巧吗？

为了快速添加测试并查看效果，我做了一些不同的操作。

选择HTML选项卡后，选择“样式”，“跟踪样式”和“布局”旁边的“属性”面板。

单击“ +”按钮，然后开始输入要添加的CSS样式。新样式属性将自动添加到DOM视图面板中。

希望这可以帮助。

检查您的CSS是否有效或规则是否有冲突-从我记得的情况来看，我上次使用IE开发人员工具时，它在某些情况下会立即删除无效标签和未使用的自定义标签。

我个人现在更喜欢在Firefox中使用Firebug和Chrome内置的Chrome开发工具-我确实没有什么喜欢，但是我发现Firebug更适合CSS /设计，而Chrome更适合Cookie /脚本等。