Inline CSS per email
Sposta CSS da un blocco style agli attributi style inline in modo che sopravviva nei client di posta.
Inline CSS per email
La maggior parte dei client di posta elimina o ignora CSS scritto in un blocco <style> — Gmail è l'esempio più noto. La soluzione è spostare ogni regola sull'elemento che mira come attributo style="", e questo è esattamente quello che fa questo strumento: incolla HTML con un blocco <style> e ottieni lo stesso codice con gli stili incorporati, pronto da incollare in una campagna o modello transazionale.
La fusione rispetta la specificità CSS per impostazione predefinita, quindi una regola come #footer batte un semplice selettore a anche se quella regola compare più tardi nel foglio di stile — disattiva "Rispetta la specificità dei selettori" per fondere solo per ordine di apparizione. Le regole che non possono essere incorporate — media query, :hover, altre at-rules — non vengono mai eliminate silenziosamente: "Mantieni le regole che non possono essere incorporate" le lascia in un blocco <style> ridotto, mentre "Rimuovi il blocco <style> originale" decide se quel blocco viene emesso. "Aggiungi gli attributi width/bgcolor legacy" duplica width, height e background-color sui semplici attributi che le vecchie versioni di Outlook si aspettano, "Rimuovi le classi e gli ID non utilizzati" cancella i selettori che nulla referenzia, e "Minifica l'output" comprime lo spazio bianco rimanente.
Il supporto dei selettori copre selettori di tipo, classe, ID e attributo, più i combinatori discendente e figlio — i modelli che i fogli di stile email reali usano. L'attributo style="" esistente di un elemento vince sempre su qualsiasi cosa fusa, corrispondendo a come i browser applicano la cascata. Con "Mostra avvisi per proprietà non supportate" attivato, le proprietà che molti client ignorano — float, position: fixed, transforms, box-shadow — sono contrassegnate in un commento in cima al risultato, così le catturi prima di inviare una prova.
Tutto viene eseguito localmente nel tuo browser: l'HTML che incolli non viene mai caricato da nessuna parte. Copia il risultato, scaricalo come file .txt o invialo direttamente a un altro strumento per continuare a pulirlo.