为了解决烦人的 IE-only 布局和 CSS 问题，我尝试使用 IE9 的开发人员工具来迭代编辑 HTML 和 CSS。理想情况下，我可以与我习惯使用 Firebug 和 Webkit 的 Inspector 进行的 DOM/CSS 操作工作流程相提并论。
换句话说，我希望能够重复编辑单个元素或一组元素的 HTML 和 CSS，然后在屏幕上立即看到我的更改。
我发现了 F12 工具的“整页”编辑功能，您可以在其中编辑整个页面的 HTML 或所有 CSS 作为一个整体，但即使在使用该工具几个小时、阅读在线帮助和许多 Google 搜索之后，我仍然在为我习惯使用 Firebug 的那种更细粒度的编辑而苦苦挣扎。
在我放弃之前，有谁知道如何使用 F12 工具...
- ...编辑特定元素及其子元素，而不是一次编辑整个页面？（如萤火虫的“编辑 HTML”上下文菜单）
- ...查看编辑视图中所做的更改会立即显示在浏览器中，而不是必须退出编辑视图才能查看更改？
- ...在编辑视图中轻松找到当前选定的元素（周围有蓝色方块的元素）？
- ...删除单个元素？（在萤火虫中，我可以选择元素并单击“删除”）
- ...向类中添加新样式，而无需在文档中寻找适用于我关心的元素的样式？（在萤火虫中，我可以双击右窗格中的样式）。
如果 IE 的 F12 工具无法实现上述操作，那么是否有一个不错的 DOM/CSS 编辑替代插件？
顺便说一句，我提出这个问题的目的不是抨击 IE9 开发工具（感谢 Microsoft 开箱即用地包含这些工具），而是学习如何更高效地使用它们。
另外顺便说一句，我已经阅读了 20 多个关于 IE 上的 firebug 等价物的 StackOverflow 问题，但其中大多数似乎是关于 javascript 调试和只读 DOM 检查。我没有找到任何关于编写 DOM/CSS 的最新（IE9）。因此，我正在就这个话题提出另一个问题……如果这是一个骗局，我深表歉意。