1

我使用 Firebug 和 Web Developer Firefox 扩展。我正在寻找并且我不确定它们是否存在于这些扩展中的一个功能是，当我查看网页源时，我想单击一个类或 id 名称，它会在某处显示该类或 id 的定义。不是 css 继承层次结构。只是特定的类或 id（如果存在）

例如：

.....我点击“标题”，我得到了css定义，或者它告诉我没有。我想过滤 css 树层次结构以仅显示该类。

任何扩展都可以做到这一点？

4

2 回答 2

0

Firebug 可以做到这一点。打开 HTML 选项卡，选择您感兴趣的元素。查看样式选项卡下的萤火虫窗口的右侧框。在那里，您将看到通过 id、class 或任何其他类型的选择器应用于元素的每种样式。您还可以查看布局选项卡以查看所选元素的偏移量、边距、填充和宽度。

例如，在 StackOverflow 上，当我单击body元素时，我看到以下内容：

body {           /* File: all.css?v=3496 (row 1) */
    background:#FFFFFF none repeat scroll 0 0;
    color:#000000;
    font-family:Arial,Helvetica,sans-serif;
    font-size:80%;
    text-align:center;
}
body {           /* File: all.css?v=3496 (rad 1) */
    line-height:1;
}
/* + A lot of reset styles for all elements */
于 2009-06-01T16:24:40.757 回答
0

这不是从源头做的（我不相信），而是在页面上做的。CSSViewer 会有帮助吗？

https://addons.mozilla.org/en-US/firefox/addon/2104

于 2010-03-31T19:47:36.883 回答