有沒有一種工具可以讓CSS類內聯？

這聽起來很倒退，但我想採用現有的CSS類並將它們內聯到元素本身（CSS樣式和html元素位於同一個文件中）。這是有原因的，我不會詳細討論。有沒有一種工具可以讓CSS類內聯？

例子：

<html> 
<style type="text/css"> 
    .p1 { height: 10px; } 
</style> 

<body> 
<p class="p1">...</p> <!-- Remove class="p1" and replace with style="height: 10px;" --> 
<p class="p1">...</p> 
<p class="p1">...</p> 
</body> 
</html>

請注意，你可以許多 CSS類，和許多可以屬於一個單一的元素。

編輯：我這樣做的原因是（基於我們的客戶端）我們想從HTML模板生成PDF文檔。我們使用的PDF工具不適用於外部 CSS類。

來源

2012-09-05 contactmatt

難道這個細節在某種程度上與重寫有關嗎？ – hjpotter92

你可以寫一個：D – Peter

你爲什麼要這麼做？每個「

」都不會重複三次「.p1」類嗎？ –

您正在尋找Premailer（The source available as well） - 這是一個Ruby庫，做到了這一點的HTML電子郵件（內聯CSS - 但輸出不特定於HTML電子郵件 - 它應該只是你的PDF文檔生成細以及）。

如果您使用Python並且有多種Node.js庫可用於執行相同的操作，那麼也有lamson.html.HtmlMail。

來源

2012-09-05 18:02:14

MailChimp有這個頁面在他們的實驗室中，CSS內襯 - http://beaker.mailchimp.com/inline-css

它確實離開了班級，但是。

來源

2012-09-05 19:05:24 samanthasquared

有沒有一種工具可以讓CSS類內聯？

回答

相關問題