使用CSS将带有CSS的HTML转换为HTML

Question

我的任务是在SharePoint中重现内部网站点的外观和感觉，起初我认为只需修改主页面就没问题了。

当我打开网站的源代码并发现他们正在使用相互覆盖的12个不​​同的CSS文件时，问题就出现了，并且以最坏的方式编写。

我的问题是，是否有一个工具可以解决问题，并生成生成的HTML，因此我不必手动。

  

  
• Base.css例如将BODY宽度设置为90％
  
• custom.css然后将其设置为960px！important
  
• Mod.css最后尝试将其设置为100％
  

我需要它来查看这个并使用样式生成BODY以将宽度设置为960px

Answer 1

您可以使用chrome的开发者工具执行此操作： 右键单击并检查元素，然后单击最右上角的计算选项卡。

它将为您提供元素在所有覆盖之后具有的样式等。

Answer 2

作为起点，您可以使用window.getComputedStyle()来获取此类信息。

Answer 3

查看：https://code.google.com/p/instyle/

看起来它可以满足您的需求。