css - 使用 Firefox 单击并编辑 CSS？

Question

我希望能够单击网页的一部分并查看 CSS 标记。

它使用什么 CSS 规则、类、id 等，并能够实时编辑它们。

我已经安装了Firebug和 web 开发者插件，但我不知道如何去做。

score 6 · Accepted Answer

您需要右键单击页面并选择“检查元素”。

或者，您可以选择工具栏上的“检查元素”选项，当您将鼠标悬停在页面上的项目上时，鼠标下方的任何内容都将立即显示在 Firebug 窗口中。从这里您可以查看/编辑/操作底层的 html 和 css。

上面的链接可以参考 Firebug 的站点，wiki 也有很好的信息。

score 3 · Accepted Answer

3

Right Click->Inspect Element.....只需右键单击要查看的元素并选择检查元素...

于 2010-05-18T13:52:55.520 回答

score 2 · Accepted Answer

使用萤火虫，右键单击并选择检查元素。

使用 Web Developer 工具栏，单击 CSS，然后从下拉菜单中单击编辑 CSS。

score 1 · Accepted Answer

安装 firebug 后，右键单击要选择的元素，然后单击检查元素。

使用 Web Developer Toolbar，按 ctrl+shift+f 打开勾勒框和显示元素的东西。

为了在检查元素后在 firebug 中编辑文档，您只需通过单击单个元素或添加新元素来更改值。请注意，如果没有额外的插件，这些数据将不会被保存。

这里有使用 firebug 的指南：http: //getfirebug.com/html

score 0 · Accepted Answer

您可以使用 Firebug 来检查正在使用的内容。在 Web 上查找文档应该不会太难，一旦您有了想法，您就可以轻松地选择元素，查看它们应用的样式以及它们的来源（包括继承和覆盖）。

还有非常好的 Web Developer Toolbar 有很多可能性：

您可能需要一些时间来尝试所有这些并找到您的任务真正需要的那些，但了解元素结构和已经应用于它的 CSS 会很有帮助。

Firebug 也允许进行一些编辑，但还有另一个工具，EditCSS

它会打开一个边栏，其中包含所有已经存在的 CSS，您可以在边栏中对其进行编辑（根据需要更改、删除或添加内容）。

所有这些都可以结合起来，firebug 和 web 开发人员可以了解已经存在的内容，并使用 EditCSS 进行实时编辑。

5 回答 5