将内部样式表转换为内嵌css

如何在不使用任何联机源的情况下将内部样式表转换为页面的内联css。我已经风格定义为将内部样式表转换为内嵌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

来源

2013-12-10 user1888781

有趣的是，第一个你的要求是怪异的，其次，你为什么每个属性声明了两次？或者是ctrl + v（2）的结果？ –

但是这是内联样式？ :) –

请让我们知道电子邮件用途 –

选择所有具有column类的div，并删除class列（如果存在的话），然后使用jquery应用内联CSS。

$(document).ready(function(){ 
var obj = $(".column"); 
$(obj).each(function(){ 
    $(this).removeClass("column");//not really necessary 
    $(this).css({"font-size":"13px","font-family":"arial,helvetica, verdana, sans-serif",   
      "font-weight":"normal", 
      "color":"rgb(221, 221, 221)", 
      "font-weight":"normal"}); 
}); 
});

Working Fiddle

来源

2013-12-10 05:50:36 Suhas

你能给更多的细节关于你在做什么试图完成？

你也许可以做类似的事情，以

$('#sidebar-right').attr('style',$(.custstyle).text().split('{')[1].replace('}',''))

由于风格遵循相同的格式，但是这似乎是一个相当愚蠢的事。也许如果你告诉我们你想达到什么，我们可以得到更多的帮助。

来源

2013-12-10 05:39:36 maembe

该脚本将让你计算的CSS，病房后，您可以使用jQuery .css()，或纯JS .setAttribute("style","calculated_value");

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

这将会回答你的问题，但关于邮件设置属性，我不知道，需要进一步的投资！

来源

2013-12-10 05:47:28 ProllyGeek

将内部样式表转换为内嵌css

回答

相关问题