【发布时间】：2016-01-01 06:25:52
【问题描述】：
如果有办法将内联元素样式转换为 css 规则，我很感兴趣。我认为最难的部分是生成所需的 css 选择器。可能根本不可能，但可能有js或php的解决方案。谢谢。
例如，
<div class="red" style="color: #red"></div>
<div style="color: #yellow"></div>
<div id="white" style="color: #white"></div>
将被转换，假设类和 ids 为
<style>
div{color: #yellow}
.red{color: #red}
#white{color: #white}
</style>
<div class="red"></div>
<div></div>
<div id="white"></div>
我的模板生成器需要这个，它不支持内联样式，而是在单独的文件或标签中，因此在编辑颜色、字体等时不会更改块的原始 html 代码。我认为，我解释清楚，因为英语不是我的母语）
【问题讨论】：
-
你的意思是自动转换整个项目的所有内联样式还是什么？
-
在此处发布您的“代码”。还有为什么 PHP 会在这里发挥作用？
-
试试
dreamweaver。如果您正在寻找它，它将从内联 css 生成一个 css 文件。 -
警告：
#yellow会起作用，但你会得到意想不到的颜色。即使可能有一个工具可以制定内联样式规则，我也不建议您使用它。你不能把人类智慧放进去。这可能会普遍应用样式，这当然是您不想要的 -
@markus 用于整个 html 页面
标签： javascript php html css