提取页面用到的CSS样式之雏形想法

先有这么一个想法

假定有一个页面A.aspx和一个样式表文件Style.css，经过多人多次的修改，Style.css中积累了大量的冗余样式，那么我现在想要知道的是，在A.aspx中用到了Style.css中的哪些样式。在搜索引擎上也看到会有一些类似这样的问题，当然，很久之前我也这么想过。

如果有这么一个工具或快捷的方法

1.多人多次的修改再也不害怕了。

2.样式表文件简捷苗条美丽动人，没有赘肉。

3.还适用于页面重构，区分公有和私有样式。

4.制作多模版，我现在要做的就是这个。

5.更多...

我现在使用的懒办法

复制解析后的HTML代码（解析前不一定包含全部样式）到RegexTester，编写正则表达式运行，这时已经得到了我们想要的结果。

因为有重复的样式，将结果复制到Excel中进行筛选，接下来就是手工去Style.css文件中对照着提取了。

同样的，也可以提取写死在页面中的样式，比如<span style="color:#000000;">测试</span>。

再智能一点的话

直接将HTML代码复制到文本框，选择要提取的一个或多个样式表文件，点一下按钮，一边正则匹配一边读取样式文件，然后输出两部分内容，一部分是用到的，一部分是没用的，毕竟就算不用了要抛弃，多看两眼也没坏处。懒人总是会想一些懒办法来达到自己的目的，不过实现起来可能复杂些，尤其是根据匹配出的样式名称从样式表文件中分离的步骤。

提取效果

可以看到有两条postHeader的匹配结果。

会不会还有更好的解决方法或一些杂七杂八的想法，欢迎参与讨论。