css - 将内部样式表转换为内联 css

Question

如何在不使用任何在线资源的情况下将内部样式表转换为页面的内联 css。我将样式定义为

<style  id="custstyle" type="text/css">
            .column{
                font-size:13px;
                font-family:arial, helvetica, verdana, sans-serif;
                font-weight:normal;
                color:rgb(221, 221, 221);
                font-size:13px;
                font-family:arial, helvetica, verdana, sans-serif;
                font-weight:normal;
                color:rgb(221, 221, 221);
            }
        </style> 

这为

设置了样式

<div id="sidebar-right" class="column">Content</div>

但我想自动将所有内部 css 转换为内联 css

Answer 1

此脚本将为您提供计算的 CSS，之后，您可以使用 jquery .css() 或纯 js .setAttribute("style","calculated_value") 设置属性;

http://jsfiddle.net/prollygeek/twP6S/112/

 $(document).ready(function()
                  {
xx=window.getComputedStyle(document.getElementById('stylediv')).cssText
document.getElementById('stylediv').setAttribute("style",xx)

                  });

这将回答您的问题，但关于邮件程序，我不知道，需要进一步调查!!