将基于类的样式更改为内联样式

时间:2013-03-18 17:10:29

标签: javascript jquery html css

是否有可用的服务可将基于类的样式更改为内联样式。我需要设计一个电子邮件,并且使用类更容易,更快,但最后必须将所有内容更改为内联样式。似乎应该有一个程序可以做到这一点,但我似乎找不到任何东西。

  <table class="g">
    <tr>
        <td>
            <p>
                content should be bright green
            </p>
            <span>
                content should be red and bold
            </span>
        </td>
    </tr>
</table>
<style>
table.g p{
    color:#3f0;
}
table.g span{
    color:#f00;
    font-weight:bold;
}
</style>

可以自动更改为

<table>
    <tr>
        <td>
          <p style="color:#3f0;">
                content should be bright green
            </p>
            <span style="color:#f00;font-weight:bold;">
                 content should be red and bold
            </span>
        </td>
    </tr>
</table>

使用某种了解如何应用CSS规则的软件,并且可以自动转换它们吗?

*用javascript和jquery标记,以防有一种方法可以使用它。