IE8开发人员工具 - 添加CSS样式

Question

我使用FireFox中的Web Developer Toolbar来测试CSS编辑。我想在IE中做同样的事情，我可以用IE8的开发者工具做一些。

但是我不能在开发者工具中添加样式，只有编辑现有样式 - 你们中的任何人都知道编辑CSS的方法就像你可以使用Chris Pedericks Web Developer Toolbar吗？

Answer 1

你可以：

• 添加样式属性（右键单击html标记并单击添加属性（使用名称样式，然后在添加后编辑样式属性）
• 单击CSS选项卡，右键单击空白区域，然后添加规则（这就像在css文件中添加一行）

Answer 2

加上Gabriel上面提到的内容。

为了快速添加测试并看到效果，我的做法有所不同。

选择HTML选项卡，选择Style，Trace Styes和Layout旁边的“Attributes”面板。

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

希望这有帮助。

Answer 3

我现在在Mac上，但我记得碰到了。

查看Developer Tool的右侧，可以看到CSS样式列表。在上面你会看到一些“标签”：样式，跟踪样式，布局，属性。如果我没记错，无法在样式标签中更改它们。但您可以在其他选项卡中更改它们。您可能需要通过样式属性进行编辑。

Answer 4

您可以尝试firebug lite，但要设置它是一件小事。

Answer 5

请按以下步骤操作： 1.单击Developers Tool 2.在Html中选择要添加css的元素 3.选择右侧的属性选项卡 4.添加名称和值。 检查你的风格是否适用于html元素。