-
-
Save ASidlinskiy/059f7f7a40623a81def045f51004b957 to your computer and use it in GitHub Desktop.
Email Client Targeting
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /*Email Client Targeting | |
| Posted on December 13, 2017 by CamillePalu https://camiah.com/email-client-targeting/ | |
| Use these hacks to target specific Email Clients.*/ | |
| /*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}} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment