Normalerweise wird CSS Code, entweder als separate CSS Datei, oder in einem Style-Tag in der Kopfzeile eingefügt. Dies funktioniert in einer E-Mail NICHT. Die meisten E-Mail-Clients wie z.B. Yahoo! Mail, Google Mail, Hotmail, usw., löschen Standartmässig die Kopf und Fuss-Tags. Empfohlen ist, denn CSS Code In-Line mit dem Inhalt zu setzen, anstelle von Body und Head-Tags.
(How to add CSS (w3schools.com))
Bedeutet:
Dies funktioniert nicht! :
<style>
div{width:100%;color:red;}
</style>
<div>Hi</div>
Dies müsste in einer Email so aussehen:
<div style=“width:100%;color:red;“>Hi</div>
Dies bedeutet css selektoren wie zum Beispiel :hover funktionieren ebenfalls nicht, um also dessen Werte zu überschreiben gibt es das schlagwort !important
(CSS !important Property (w3schools.com))
Dieses überschreibt die standard werte für den Link, sodass sich die Farbe nicht ändert beim hovern, veränderung der Farbe in eine gewünschte Farbe ist dabei aber nicht möglich.
Beispiel:
<a href=“#“ style=“color:black“>Hi</a> ->Text wird beim hovern blau
<a href=“#“ style=“color:black!important“>Hi</a> -> Text bleibt schwarz