用PHP将内联样式转换为CSS

Question

我制作了一个类，可以产生几种格式的不同条形码类型的分配，例如：-任何图片格式，GIF，JPG，PNG，SVG等-压缩javascript（JS）-具有内联样式的HTML

该类已经过优化，可以通过仅“绘制”黑色信息来减少条形码的输出。

因为条形码的HTML版本可能是如此之大（尽管已经进行了优化），所以我想知道是否存在可以将嵌入式样式转换为样式标签的类或函数，例如：

输出为（仅几行）：

<div id="mybarcode">
<div style="position:absolute;margin-left:26px;width:2px;height:128px;background:#000;"></div>
<div style="position:absolute;margin-left:34px;width:2px;height:128px;background:#000;"></div>
<div style="position:absolute;margin-left:36px;width:2px;height:48px;background:#000;"></div>
......
......

这就是我要的：

<style>
     #mybarcode div {position:absolute;width:2px;height:128px;background:#000;}
    </style> 
    ....
    ....

    <div id="mybarcode">
    <div style="margin-left:26px;"></div>
    <div style="margin-left:34px;"></div>
    <div style="margin-left:36px;height:48px;">
    ....
    ....

如果找到一个可以做相反的事情，那不是我的情况。 有人知道周围是否有可以使用html进行此类操作的类吗？ 将具有内联样式的其他页面转换为具有外部CSS的html也很有用。

谢谢您的回答！ 亲切的问候。

Answer 1

不应该太难。

算法概述：

• 查看每个元素并提取内联样式规则
• 识别所有元素共有的样式
• 将这些样式提取到类（即common ）下的style标签中
• 删除多余的内联样式，并将common类添加到元素

您可以使用Simple HTML Dom Parser进行实际的元素操作。 CSS规则本身很容易解析，因此正则表达式将是我要使用的。 特别是在您的情况下，由于您编写了生成HTML的代码，因此您将确切知道可能遇到的CSS规则。