如何编辑css选择器来测试Firebug中的内容？

如何编辑选择器来测试Firebug中的内容

例如，如果我想测试

这个

作为一个

---

如何在firebug中进行这样的测试

使用firebug编辑HTML并添加新的样式元素

<style type="text/css">
#Homepage #thirdCol > a {
...
}
</style>

在Firebug中，选择CSS选项卡

子栏现在将显示：一个暂停按钮、一个编辑控件和第一个CSS文件，旁边是一个向下箭头

单击该向下箭头选择适当的CSS文件，您可以在HTML/CSS视图中识别该文件

然后单击编辑，您可以根据需要添加、更改、删除或注释掉CSS选择器

ETA：另请参见seanizer的回答。Firebug的HTML+样式窗格直接链接到它显示的样式规则的可编辑源

在具有要更改的选择器的图元上单击鼠标右键 从菜单中选择“检查元件” 在“样式”选项卡中，查找要更改的选择器，单击其旁边的链接 样式表将打开，单击选择器标签并对其进行编辑。更改立即生效 右键单击屏幕快照中的“主页thirdCol a”文本一次 从关联菜单中选择“在CSS选项卡中检查”。 打开css选项卡后，左键单击“主页thirdCol a”

---

您现在应该可以编辑选择器。

这不允许更改或删除现有选择器，除非它在html页面中编码。它只允许添加一个新的。我试过了，但它不起作用，看起来像是主要的CSS。它对我来说很好，我可以编辑它。确保浏览器缓存处于打开状态，然后重新加载页面。是，右键。我总是保持缓存禁用。现在它工作了。在上下文菜单中，如果您安装了firebug

#Homepage #thirdCol > a

<style type="text/css">
#Homepage #thirdCol > a {
...
}
</style>