从HTML和purify页面中提取内联CSS

Question

我有一套(超过300个)的C# ASP.NET pages *.aspx和controls *.ascx，其中散落着内联的CSS样式。我的任务是将这些样式提取到CSS文件中。

因此，我正在寻找一个工具来简化手动提取这个内联样式并将其替换为class=""语句的任务。

现在我知道这不是做事情的理想解决方案，但是任何可以减轻任务的工具都是有帮助的。

Answer 1

没有任何工具会为您编写好的CSS选择器，就像没有工具可以为您编写好的代码一样。是的，您可以从模板生成代码，但只用于最重复的编码任务。CSS与其说是科学，不如说是艺术，因此“自动生成”不会产生好的效果。

编写好的、干净的、精巧的、可维护的CSS需要熟悉HTML标记、您试图实现的样式和布局，以及识别整个站点的模式的技能，如字体、颜色、h1标题、表格数据的表示等，这些都是可重用的。

即使编写自己的脚本也不会产生良好的CSS。最好的方法是提取所有这些内联样式，用惟一的id或类替换它们，并将它们全部转储到css文件中。我看不出这个练习有多大好处。实际上，由于要创建的所有额外id或类，您最终需要维护更多的代码。

除非你开始将所有那些独特的id或类合并成更少的、更多的重复使用的id或类，否则您不会从上面的练习中获得整个站点的外观一致性，这是一个最好手工完成的任务，而不是自动化。由于css样式表的浏览器缓存，页面加载时间可能会有所改善，但这是您所获得的全部。

对不起，如果我偏离了你的问题，但你的网站听起来像是在呼吁你从头开始重新编写你的CSS。

看看CSS禅园能做什么的灵感，和漂亮的CSS的例子，并被期待！

Answer 2

我可能会选择使用带有正则表达式的脚本语言。这似乎特别适合python的列表功能--对于正则表达式的每个匹配项，您可以检查列表以查看是否有相应的条目，从结果中提取和分配类，并将每个未列出的匹配添加到列表中以继续构建它。

Answer 3

您可以使用这工具，它将查找内联style=.定义用类定义替换它们并生成样式表。希望这会有帮助。