CSS beépítő email-hez
A stílusokat a style blokk helyéről inline style attribútumokba helyezi, így megmaradnak az e-mail kliensekben.
CSS beépítő email-hez
Az e-mail kliensek többsége — leginkább a Gmail webes verziója — figyelmen kívül hagyja vagy eltávolítja a <style> blokkban írott CSS-t. A megoldás az, hogy minden szabályt az általa célzott elemre helyez inline style="" attribútumként, és ezt pontosan ez az eszköz végzi el: illesszen be egy <style> blokkot tartalmazó HTML-t, és kapja vissza ugyanazt a jelöléset, de inline stílusokkal, amely készen áll a kampány vagy tranzakciós sablon beillesztésére.
Az összevonás alapértelmezés szerint figyelembe veszi a CSS specificitást, így egy #footer szabály egy sima a felett állhat még akkor is, ha az a szabály később jelenik meg a stíluslapon — kapcsolja ki a "Selektor specificitás figyelembevétele" lehetőséget, hogy csak forrás szerinti sorrendben vegyen össze. A beépíthetetlen szabályok — lekérdezések, :hover, más at-szabályok — soha nem tűnnek el csendesen: a "Beépíthetetlen szabályok megtartása" lehetőség megtartja őket egy nyírott <style> blokkban, míg az "Eredeti <style> blokk eltávolítása" dönt arról, hogy ez a blokk egyáltalán kibocsátásra kerül-e. A "Régi width/bgcolor attribútumok hozzáadása" tükrözi a szélességet, magasságot és háttérszínt az egyszerű attribútumokra, amelyekre a régebbi Outlook-verziók számítanak, az "Fel nem használt osztályok és ID-k eltávolítása" töröl minden olyan szelektort, amelyre már semmi sem hivatkozik, és a "Kimenet tömörítése" összecsukja a maradék whitespace-t.
A selektor támogatottsága típus, osztály, ID és attribútum szelektorokat fed le, valamint leszármazott és gyermek kombinátorokat — azokat a mintákat, amelyeket a valódi e-mail stíluslapok használnak. Az elem saját meglévő style="" attribútuma mindig felülmúl mindent, ami összevonásra kerül, ahogyan a böngészők alkalmazzák az kaszkád szabályt. A "Nem támogatott tulajdonság figyelmeztetések megjelenítése" bekapcsolt állapotában sok kliens ignorálja a tulajdonságokat — float, position: fixed, transzformációk, box-shadow — megjegyzésként jelöli meg a kimenet tetején, így még a teszt küldése előtt megfogja őket.
Minden helyileg fut az Ön böngészőjében: az Ön által beillesztett HTML soha nem kerül feltöltésre sehova. Másolja ki az eredményt, töltse le .txt fájlként, vagy küldje közvetlenül egy másik eszközbe, hogy folytassa a rendezését.