MailViewr - Free HTML Email Preview Tool
← CSS Support Index

Does CSS Adjacent sibling combinator Work in HTML Email?

The adjacent sibling combinator (`h1 + p`) allows to target an element that is directly after another.

Quick Answer

Does Adjacent sibling combinator work in HTML email?

The CSS Adjacent 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 Adjacent sibling combinator?

CSS support for Adjacent sibling combinator across email clients

Email ClientDesktopMobile / WebNotes
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.
  • #2 Partial. Only when used as class or ID selectors

Frequently Asked Questions

Related CSS Properties

Test Your Email Now

Paste your HTML and see how it renders in clients that don't support
Adjacent sibling combinator.

Open Email Previewer