tr:nth-child(odd) {
background-color: #f2f2f2;
}
Mein Code arbeitet an allen Webbrowsern, aber nicht in Outlook. Ich muss eine alternative Zeilenfarbe hinzufügen. Wie kann ich das erreichen?Warum wird meine HTML-Nachricht in Outlook nicht korrekt angezeigt?
Der Outlook-Parser ist bei weitem nicht HTML5- oder CSS3-kompatibel.
Sie können lernen, was es tut Unterstützung in this webpage.
Mein Vorschlag, und was ich für meine Firma zu tun hatte, ist einen Pre-Prozessor zu verwenden, zu markieren, was bekannt ist, dass „odd“ mit einer Klasse wie <tr class="odd">...</tr>
Und hat einen Stylesheet mit der Regel :
tr.odd {
background-color: #f2f2f2;
}
Inline-Stile sind auch par für E-Mails von Outlook, aber es ist eine Brute-Force-Lösung, die auf in HTML5 sehr verpönt, so ist es eine schlechte Angewohnheit zu erhalten.
E-Mail-Clients speziell Outlook schränkt einige CSS-Stile, so müssen Sie spezifische CSS für die E-Mail-Clients schreiben und versuchen, die Verwendung von nth-Kind zu vermeiden, da es von den meisten der E-Mail-Clients vollständig ignoriert werden –
Ich schlage vor, die Inline zu verwenden Stile, um die gewünschten Ergebnisse zu erhalten –
Es ist ein dynamisches E-Mail-Design, wie kann ich dies mit Inline-Stilen tun, aber halten Sie die dynamische foreach für das Raster. –