Does CSS General sibling combinator Work in HTML Email?
The general sibling combinator (`img ~ p`) allows to target any element that after another (directly or indirectly).
Does General sibling combinator work in HTML email?
The CSS General sibling combinator property is supported in Gmail, Outlook (Mac / Web), Apple Mail, Yahoo! Mail, and others. It is NOT supported in Outlook (Windows). Always include a safe fallback for unsupported clients.
Which Email Clients Support CSS General sibling combinator?
CSS support for General sibling combinator across email clients
| Email Client | Desktop | Mobile / Web | Notes |
|---|---|---|---|
| Gmail | ✓ Yes | ~ Partial | — |
| Outlook (Windows) | ✗ No | ? | — |
| Outlook (Mac / Web) | ✓ Yes | ✓ Yes | — |
| Apple Mail | ✓ Yes | ✓ Yes | — |
| Yahoo! Mail | ✓ Yes | ✓ Yes | — |
| Samsung Email | ? | ✓ Yes | — |
| Thunderbird | ✓ Yes | ? | — |
| ProtonMail | ✗ No | ✓ Yes | — |
| Fastmail | ✓ Yes | ? | — |
Notes
- #1 Partial. Not supported with non Google accounts.
Frequently Asked Questions
Related CSS Properties
Test Your Email Now
Paste your HTML and see how it renders in clients that don't support General sibling combinator.
Building a new email instead of checking an existing one? MailViewr's Email Builder only lets you use CSS that's known to render across clients, so General sibling combinator can't sneak into your markup by accident. Open the Email Builder →
