寻找一种有效抽象内联样式的系统方法

时间:2017-08-24 16:38:32

标签: html css design-patterns architecture software-design

我是初级中级开发人员。

我最近开始了一项新工作,我的任务是基本上完成整个CRM项目,其中大部分样式都是内联完成的。

目标:将内联样式清理为包含.css文件的共享文件夹。

问题:50-100个包含带内联样式的组件的文件。

目标:采用系统方法有效地抽象内联样式。同时为这个项目带来一些结构。

对任何好方法的想法?

1 个答案:

答案 0 :(得分:1)

我会使用HTML解析器来处理类似的事情,比如simplehtmldom

您的算法可能类似于以下内容:

  1. 将现有HTML解析为extract inline CSS
  2. 将提取的样式写入外部CSS文件
  3. 再次将现有HTML传递给remove the unwanted style attributes
  4. 在指向新外部样式表的HTML中添加<link>元素