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

Html 寻找一种有效抽象内联样式的系统方法,html,css,design-patterns,architecture,software-design,Html,Css,Design Patterns,Architecture,Software Design,我是一名初级中级开发人员 我最近开始了一项新工作,我的任务是从根本上清理整个CRM项目,该项目的绝大多数样式都是内联完成的 目标:将内联样式清除到包含.css文件的共享文件夹中 问题:50-100个文件包含具有内联样式的组件 目标:采用系统的方法有效地抽象内联样式。同时给这个项目带来一些结构 有什么好的方法可以做到这一点吗?我会使用HTML解析器,比如 您的算法可能类似于以下内容: 将现有HTML解析为 将提取的样式写入外部CSS文件 对现有的HTML进行第二次访问 在HTML中添加元素,指向新

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

我最近开始了一项新工作,我的任务是从根本上清理整个CRM项目,该项目的绝大多数样式都是内联完成的

目标:将内联样式清除到包含.css文件的共享文件夹中

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

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


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

我会使用HTML解析器,比如

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

  • 将现有HTML解析为
  • 将提取的样式写入外部CSS文件
  • 对现有的HTML进行第二次访问
  • 在HTML中添加
    元素,指向新的外部样式表