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

Question

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

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

目标：清除内联样式到包含 .css 文件的共享文件夹。

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

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

有什么好的方法可以做到这一点？

Answer 1

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

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

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