我正在使用 Internet Explorer 的开发人员工具来尝试调试网页上遇到的问题。
当我突出显示元素时,CSS 会出现在右侧,但我似乎无法添加新规则或正确编辑现有的 CSS。
尝试向类添加“display:block”属性时,我尝试编辑无关紧要的现有规则(background-color:transparent),但是一旦我更改它,规则就会消失!
我是否遗漏了某个技巧?
答案1
为了快速测试并查看效果,我做了一些不同的事情。
选择 HTML 选项卡,选择样式、跟踪样式和布局旁边的“属性”面板。
点击“+”按钮并开始输入您想要添加的 CSS 样式。新的样式属性将自动添加到 DOM 视图面板中。
希望这可以帮助。
答案2
检查您的 CSS 是否有效或不存在冲突的规则 - 据我记得,上次我使用 IE 开发人员工具时,在某些情况下它会立即删除无效标签和未使用的自定义标签。
就我个人而言,我现在更喜欢使用 Firefox 中的 Firebug 和 Chrome 内置的 Chrome 开发工具 - 我并没有特别喜欢的,但我发现 Firebug 更适合 css/设计,而 Chrome 更适合 cookies/脚本等。