2009-12-11 61 views
1

我正在尋找一種使用樣式表內的CSS選擇器來生成所選內聯樣式的工具。你知道任何從外部/內部樣式表切換到內聯樣式的工具嗎?

E.g:

<head> 
<style text="text/css"> 
a { 
    text-decoration: none; 
} 

#a, #b, #c 
{ 
    position: absolute; 
} 

#b 
{ 
    left: 50px; 
} 
</style> 
</head> 
<body> 
    <div id="a"> 
    <p> 
    <a href="http://www.stackoverflow.com">SO</a> 
    </p> 
    </div> 
    <div id="b"> 
    </div> 
    <div id="c"> 
    </div> 
</body> 

將是:

<body> 
    <div id="a" style="position: absolute"> 
    <p> 
    <a href="http://www.stackoverflow.com" style="text-decoration: none;">SO</a> 
    </p> 
    </div> 
    <div id="b" style="position: absolute; left: 50px;"> 
    </div> 
    <div id="c" style="position: absolute"> 
    </div> 
</body> 

任何想法?!

編輯:

我想這樣做,才能夠「風格」的電子郵件大多數電子郵件客戶端,特別是爲gmail,不支持外部或內部甚至樣式表。

+4

你爲什麼要這麼做? – marcgg 2009-12-11 09:30:52

+2

我不知道任何...也許是因爲這是一種倒退。 – 2009-12-11 09:32:04

回答

1

你可以用下面的在線申請做:

Convert CSS to inline styles

+0

哇,這有什麼好處? – UpTheCreek 2009-12-11 09:44:14

+1

主要用於通過gmail發送電子郵件,他們不支持頭文件中的css ..;) – opHASnoNAME 2009-12-11 09:51:34

+0

是的,但那麼你不會開發樣式,特別是電子郵件發送?但是,好吧,我知道這可能有助於通訊等 – marcgg 2009-12-11 10:10:22

1

如果你想通過一個API通過它和你的應用程序中自動執行它,看看http://premailer.dialect.ca

這是一個更容易使用的API集成到您的應用程序,如果你正在開發一個,因爲你沒有如果您使用紅寶石生成的電子郵件內容和

,該項目是開放的來自here,所以你可以直接整合它。

或者如果你瞭解如何使用Node.js,有一個包裝,使得API更容易使用:https://github.com/JedWatson/node-premailer

如果你喜歡使用網絡的形式,MailChimp有一個偉大的工具here。如果您有賬戶,Mailchimp也有API