检索影响浏览器中选定文本的 CSS 属性的工具？答案

【问题标题】：Tool to retrieve CSS properties affecting to the selected Text in a browser?检索影响浏览器中选定文本的 CSS 属性的工具？
【发布时间】：2011-11-05 23:22:58
【问题描述】：

正如您所知，在任何浏览器中，您都可以选择网站的“片段”，然后您可以获得 HTML 代码供您选择，

嗯，

是否有任何工具可以做到这一点，它会向您显示只影响您的选择的 CSS？

编辑

我知道您可以使用 Firebug 获得影响标签的 CSS，但是如何让 CSS 影响更大的代码选择？

【问题讨论】：

标签： css selectedtext

【解决方案1】：

我正在寻找的工具

Dust-Me 选择器（Firefox 插件） https://addons.mozilla.org/firefox/addon/5392/

但我需要降级的 Firefox 6 不支持它..（它在开发中，面团）

【讨论】：

【解决方案2】：

是的：http://getfirebug.com/

使用“检查元素”选项。

【讨论】：

是的，但这样你需要逐个标签查看，假设我想为网站选择一半的视图

【解决方案3】：

在开发前，你可以使用火狐插件FireBug，对于Chrome和IE，F12键下有开发者控制台，可以选择DOM元素，查看所有设置的属性。

【讨论】：

【解决方案4】：

使用 firefox 中的 firebug，您可以使用 inspect element 工具：

使用鼠标，点击页面的任意部分
你会在右边看到屏幕底部页面该部分的 CSS。

在那里你可以得到所有的 CSS 值层次结构，甚至是被取代的值。也可以全部复制，选择复制

【讨论】：

是的，我现在看到了。你可以试试这个stackoverflow.com/questions/3564379/…