Email Client Targeting

Use these hacks to target specific Email Clients.

Note: Shout out to Kevin Mandeville and Fresh Inbox for the help.

outlook.com

[owa] .name {CSS GOES HERE}

gmail and inbox

Note: Do not use <u> tags elsewhere in the code with this fix.

u ~ div .gmail {CSS GOES HERE}
<div class="gmail">CONTENT GOES HERE</div>

gmail.com

* [summary~="name"] {CSS GOES HERE}
<div summary="name">CONTENT GOES HERE</div>

webkit

@media screen and (-webkit-min-device-pixel-ratio: 0) {.name {CSS GOES HERE}}

firefox

@-moz-document url-prefix() {.name {CSS GOES HERE}}

aol mail

.★:not(#★) {CSS GOES HERE}
<div class="★" id="★">CONTENT GOES HERE</div>

thunderbird

.moz-text-html .name {CSS GOES HERE}

samsung

#secdiv .name {CSS GOES HERE}
#messageWebViewDiv .name {CSS GOES HERE}

lotus notes 8

.notes.name {CSS GOES HERE}

yahoo

@media yahoo {.name {CSS GOES HERE}}