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

Looking for a systematic method of efficiently abstracting inline styles

我是一名初中级开发人员。

我最近开始了一份新工作,我的任务是从根本上抓取整个 CRM 项目,该项目的绝大部分样式都是内联完成的。

Objective:清除内联样式到包含 .css 文件的共享文件夹。

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

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

有什么好的方法吗?

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

您的算法可能类似于这样:

  1. 将现有 HTML 解析为 extract inline CSS
  2. 将提取的样式写入外部 CSS 文件
  3. 在您现有的 HTML 到
  4. 处进行第二次传递
  5. 在指向新外部样式表的 HTML 中添加 <link> 元素