Question

如果有一种方法可以将内联元素样式转换为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代码不会被更改，同时编辑颜色，字体等。我想，我会解释清楚，导致英语不是我的母语）

Answer 1

尝试http://extractcss.com，但正如@Tushar指出的那样，黄色div不起作用。