如何查看我的样式表中的哪些样式实际应用于当前页面？ [英] How can I see which styles in my stylesheet are actually being applied to the current page?

问题描述

有没有任何工具或浏览器外挂程式可以让我查看目前在网页上有效/使用的样式表中的所有样式？

简短背景：我继承了一个来自上一个UI设计器的巨型样式表。它以前适用于网站上的每一页。之后，除了目标网页之外，整个网站的样式都已重做。所以现在我有两个巨大的样式表，一个是着陆页，一个是其他的。我想只合并一个的相关部分到另一个。

谢谢。

div class =h2_lin>解决方案

请查看 Dust-Me选择器 Firefox插件。

Are there any tools or browser plugins that allow me to see all styles in a stylesheet that are currently active/used on a page?

Short backstory: I inherited a giant stylesheet from the previous UI designer. It used to be applied to every page on the site. Later the entire site styling was redone except for the landing page. So now I have two giant stylesheets, one for the landing page, and one for everything else. I'd like to merge only the relevant parts of one into the other. If there's a better way of doing that than what I'm proposing, I'm certainly open to other solutions.

Thanks.

解决方案

Have a look at the Dust-Me Selectors Firefox plugin.

这篇关于如何查看我的样式表中的哪些样式实际应用于当前页面？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！