Skip to main content
Emailens/Email CSS Support
Test Your Email
Pseudo-Classes & Selectors

:descendant-combinator

selector or pseudo-class · 12 supported, 2 partial, 0 unsupported across 15 clients

The descendant combinator (a single space between selectors) matches any descendant element, regardless of nesting depth. It is the most common selector pattern in CSS but in email, like all selector-based styling, only works when the client preserves <style> blocks. Outlook on Windows strips <style>, so descendant selectors never apply there.

Client Support

ClientCategoryEngineSupport
GmailwebmailGmail WebSupported
Gmail AndroidmobileGmail MobilePartial
Gmail iOSmobileGmail MobilePartial
Outlook 365webmailOutlook WebSupported
Outlook (New)desktopOutlook WebSupported
Outlook ClassicdesktopMicrosoft WordSupported
Outlook iOSmobileOutlook MobileSupported
Outlook AndroidmobileOutlook MobileSupported
Apple MaildesktopWebKitSupported
Apple Mail iOSmobileWebKitSupported
Yahoo MailwebmailYahooSupported
Samsung MailmobileSamsungSupported
ThunderbirddesktopGeckoSupported
HEY MailwebmailWebKitSupported
SuperhumandesktopBlinkUnknown

Client-by-client behaviour for :descendant-combinator

Fully supports :descendant-combinator (12): Gmail, Outlook 365, Outlook (New), Outlook Classic, Outlook iOS, Outlook Android, Apple Mail, Apple Mail iOS, Yahoo Mail, Samsung Mail, Thunderbird, HEY Mail.

Partial support (2): Gmail Android, Gmail iOS. Expect rendering quirks unique to each engine — partial support typically means a subset of values, an ignored shorthand, or sanitizer-specific rewrites.

Behaviour unverified in: Superhuman.

When to use :descendant-combinator in email

  • Styling all anchor tags inside a content section consistently.
  • Applying typographic resets to every paragraph inside an article wrapper.
  • Cross-cutting dark-mode color overrides via a parent selector.

Rendering behaviour and edge cases

  • Specificity-collision risk — descendant selectors easily over-apply when classes overlap.
  • Outlook ignores descendant selectors because <style> is stripped.
  • Gmail's class-rewriting can break descendant selectors that depend on class names.

Recommended fallback strategy

Inline the equivalent styles on the targeted elements for Outlook coverage. Reserve descendant selectors in <style> for progressive enhancement on clients that preserve <style> blocks.

Fixes & Workarounds

Gmail Android

Partial

":descendant-combinator" is not supported in this email client.

Gmail iOS

Partial

":descendant-combinator" is not supported in this email client.

Related Features

:adjacent-sibling:attribute-selector:chaining:checked:child-combinator:class-selector:first-child:first-of-type

Test your email across all 15 clients

Preview rendering, catch CSS issues, and get actionable fixes — free.

Try Emailens Free

Support data last updated Apr 27, 2026 · synced from caniemail.com via @emailens/engine.