小编Ska*_*kav的帖子

我很感兴趣是否有一种方法可以将内联元素样式转换为 CSS 规则。我认为最难的部分是生成所需的 css 选择器。也许根本不可能，但也许有 js 或 php 的解决方案。谢谢。

例如，

<div class="red" style="color: #red"></div>
<div style="color: #yellow"></div>
<div id="white" style="color: #white"></div>

将被转换，假设类和 ID 为

<style>
    div{color: #yellow}
    .red{color: #red}
    #white{color: #white}
</style>

<div class="red"></div>
<div></div>
<div id="white"></div>

我的模板生成器需要这个，它首选样式不是内联的，而是在单独的文件或标签中，因此在编辑颜色、字体等时，块的原始 html 代码不会被更改。我想，我解释得很清楚，因为英语不是我的母语）