Skip to main content

Our email CSS engine is open source. Give it a star on GitHub 

Emailens

Selector or pseudo-class · data last changed 10 Nov 2026

:adjacent-sibling in email clients

Works in 16 of 21. Not supported in Outlook Classic and Proton Mail. Partial in Gmail Android and Gmail iOS. Untested in Superhuman.

Your reader in Outlook Classic sees the email without :adjacent-sibling, even if it looks right where you tested it.

caniemail (MIT) via @emailens/engine 0.18.22

What to do instead in Outlook Classic

Replicate the spacing relationships using explicit inline margin or padded cells for Outlook coverage. Treat adjacent-sibling styling as progressive enhancement.

There is no drop-in fix for :adjacent-sibling in Outlook Classic. Design so the email still reads without it.

The checker needs a computer screen.

A free account opens all 21 clients and keeps your checks for 7 days. Create a free account →

Every account includes one free real-device check in classic Outlook, Outlook for Mac and Apple Mail, after you verify your email and run one preview, while this month's free capacity lasts. How real-device checks work →

:adjacent-sibling is not among the 24 features we have screenshotted on real installs. The ones we have →

All 21 clients, problems first

ClientSupport
Outlook Classic Not supported
Proton Mail Not supported
Gmail Android Partial See caveat 1
Gmail iOS Partial See caveat 1
Superhuman Untested
Works in 16: Gmail, Outlook 365, Outlook (New) and 13 more. Show all
ClientSupport
Gmail Works
Outlook 365 Works
Outlook (New) Works
Outlook iOS Works
Outlook Android Works
Outlook for Mac Works
Apple Mail Works
Apple Mail iOS Works
Yahoo Mail Works
Yahoo Mail Android Works
Yahoo Mail iOS Works
Samsung Mail Works
Thunderbird Works
HEY Mail Works
AOL Mail Works
Fastmail Works

Caveats (1)

  1. 1. Gmail Android, Gmail iOS: Partial. Not supported with non Google accounts.

Caveats as recorded by caniemail (MIT), one entry per wording.

How :adjacent-sibling behaves

The adjacent sibling combinator (+) selects an element that immediately follows another at the same level. It is supported in modern Apple Mail and webmail clients when <style> blocks survive, and ignored in Outlook for the usual reason. It is most useful for spacing relationships between adjacent content blocks.

  • Outlook Classic ignores adjacent sibling selectors because <style> is stripped.
  • Gmail rewrites class names, which can break adjacent-sibling selectors that rely on class matching.
  • Apple Mail supports the combinator reliably in recent macOS and iOS releases.

Your next question

Every feature in Outlook Classic · All email CSS features · What real installs show

Get new email CSS fixes by email.

caniemail (MIT) via @emailens/engine 0.18.22 · tested upstream 11 Mar 2020 · data last changed 10 Nov 2026 · Outlook (New) cells are the engine's mapping