Wkładanie CSS do emaila
Przesuń CSS z bloku style do wstawionych atrybutów style, aby przetrwał w klientach poczty e-mail.
Wkładanie CSS do emaila
Większość klientów poczty e-mail odrzuca lub ignoruje CSS napisany w bloku <style> — najsłynniejszym przykładem jest aplikacja internetowa Gmaila. Rozwiązaniem jest przeniesienie każdej reguły do elementu, który ma być docelowy, jako atrybut style="", i to dokładnie robi to narzędzie: wklej HTML z blokiem <style> i wróci ten sam znacznik ze stylami wstawionymi, gotowymi do wklejenia do kampanii lub szablonu transakcyjnego.
Scalanie respektuje specyficzność CSS domyślnie, więc reguła taka jak #footer pokonuje zwykły a nawet jeśli ta reguła pojawia się później w arkuszu stylów — wyłącz "Uwzględniać specyficzność selektora" i scalaj tylko według kolejności źródła. Reguły, których nie można osadzić — zapytania mediów, :hover, inne reguły — nigdy nie są dyskretnie usuwane: "Zachować reguły, których nie można osadzić" pozostawia je w przycięty bloku <style>, podczas gdy "Usunąć oryginalny blok <style>" decyduje, czy ten blok jest w ogóle emitowany. "Dodać atrybuty width/bgcolor dla starszych wersji" dubluje szerokość, wysokość i kolor tła na zwykłe atrybuty, które oczekują starsze buildy Outlooku, "Usunąć nieużywane klasy i ID" oczyszcza selektory, na które nic się nie odwołuje, a "Minifikować wyjście" zbaluje pozostałą przestrzeń.
Obsługa selektora obejmuje selektory typu, klasy, ID i atrybutu, plus selektory potomka i dziecka — wzory używane w rzeczywistych szablonach stylów poczty e-mail. Własny istniejący atrybut style="" elementu zawsze wygrywa przed wszystkim scalonym, co odpowiada sposobowi, w jaki przeglądarki stosują kaskadę. Gdy "Pokazywać ostrzeżenia o nieobsługiwanych właściwościach" jest włączone, właściwości, które wielu klientów ignoruje — float, position: fixed, transformacje, box-shadow — są oznaczane w komentarzu na początek wyjścia, abyś mógł je złapać przed wysłaniem testu.
Wszystko działa lokalnie w Twojej przeglądarce: HTML, który wklejasz, nigdy nie jest nigdzie przesyłany. Skopiuj wynik, pobierz go jako plik .txt lub wyślij go bezpośrednio do innego narzędzia, aby można było go dalej czyszczić.