CSS-inmatare för e-post

CSS-inmatare för e-post

De flesta e-postklienter ignorerar eller tar bort CSS skriven i ett <style>-block — Gmails webgränssnitt är det mest kända exemplet. Lösningen är att flytta varje regel till elementet den är inriktad på som ett style=""-attribut, och det är exakt vad detta verktyg gör: klistra in HTML med ett <style>-block och få tillbaka samma markup med styles inline, redo att klistra in i en kampanj eller transaktionsmall.

Sammanfogningen respekterar CSS-specificitet som standard, så en regel som #footer besegrar en enkel a även om den regeln kommer senare i stilmallen — slå av "Respektera selectorspecificitet" för att sammanfoga efter källordning istället. Regler som inte kan infogas — mediefrågor, :hover, andra at-regler — raderas aldrig tyst: "Behåll regler som inte kan infogas" behåller dem i ett trimmat <style>-block, medan "Ta bort originalet <style>-block" avgör om det blocket skickas alls. "Lägg till legacy width/bgcolor-attribut" speglar width, height och background-color till de vanliga attribut som äldre Outlook-versioner förväntar sig, "Ta bort oanvända klasser och ID:n" rensar selektorer som ingenting refererar till, och "Minimera utmatning" kollapsar återstående whitespace.

Selectorstöd omfattar typ-, klass-, ID- och attributselektorer, plus descendant- och barnkombinationer — de mönster verkliga e-poststilmallar använder. Ett elements eget style=""-attribut vinner alltid över allt som slås samman, vilket motsvarar hur webbläsare använder cascaden. Med "Visa varningar för egenskaper som inte stöds" på flaggas egenskaper som många klienter ignorerar — float, position: fixed, transformationer, box-shadow — i en kommentar högst upp i utmatningen, så att du fångar dem före testning.

Allt körs lokalt i din webbläsare: HTML:en du klistrar in laddas aldrig upp någonstans. Kopiera resultatet, ladda ned det som en .txt-fil eller skicka det direkt till ett annat verktyg för att fortsätta rensa det.

FAQ