Skip to main content
Emailens
Pseudo-Classes & Selectors

:child-combinator

selector or pseudo-class · 15 supported, 2 partial, 3 unsupported across 21 clients

15 of 21 email clients render :child-combinator fully (Sep 2, 2026 data); it breaks outright in Outlook (New), Outlook Classic, Proton Mail.

  • 6/7 webmail, 3/6 desktop, 6/8 mobile clients support :child-combinator fully.
  • Unsupported in Outlook (New), Outlook Classic, Proton Mail.
  • Partial in Gmail Android, Gmail iOS, behavior differs from browsers, test before relying on it.
  • Outlook Classic (Word engine, supported to at least 2029) does not fully support :child-combinator, and its replacement changes little here; see the deprecation diff.
  • Across all clients, only 6 of 298 tracked HTML/CSS features render identically everywhere.

Source: caniemail.com (MIT), via the Emailens engine. Last tested upstream Oct 13, 2019, synced by Emailens Sep 2, 2026.

The child combinator (>) selects direct children of a parent. It is supported wherever <style> blocks survive , modern Apple Mail, Superhuman, and conditionally Gmail , and ignored where <style> is stripped. Compared to descendant combinators, the child combinator is more performant and more precise but equally limited in legacy clients.

Client Support

ClientCategoryEngineSupport
GmailwebmailGmail WebSupported
Gmail AndroidmobileGmail MobilePartialSee caveat 1
Gmail iOSmobileGmail MobilePartialSee caveat 1
Outlook 365webmailOutlook WebSupported
Outlook (New)desktopOutlook WebUnsupported
Outlook ClassicdesktopMicrosoft WordUnsupported
Outlook iOSmobileOutlook MobileSupported
Outlook AndroidmobileOutlook MobileSupported
Outlook for MacdesktopWebKitSupported
Apple MaildesktopWebKitSupported
Apple Mail iOSmobileWebKitSupported
Yahoo MailwebmailYahooSupported
Yahoo Mail AndroidmobileYahooSupported
Yahoo Mail iOSmobileYahooSupported
Samsung MailmobileSamsungSupported
ThunderbirddesktopGeckoSupported
HEY MailwebmailWebKitSupported
Proton MailwebmailProtonUnsupported
AOL MailwebmailAOLSupported
FastmailwebmailFastmailSupported
SuperhumandesktopBlinkUnknown

Documented caveats (1)

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

Caveats recorded by caniemail.com (MIT) and carried verbatim, one entry per wording rather than per client.

Client-by-client behaviour for :child-combinator

Fully supports :child-combinator (15): Gmail, Outlook 365, Outlook iOS, Outlook Android, Outlook for Mac, Apple Mail, Apple Mail iOS, Yahoo Mail, Yahoo Mail Android, Yahoo Mail iOS, Samsung Mail, Thunderbird, HEY Mail, AOL Mail, Fastmail.

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.

No support (3): Outlook (New), Outlook Classic, Proton Mail. Plan fallbacks for these clients before relying on :child-combinator in production sends.

Behaviour unverified in: Superhuman.

When to use :child-combinator in email

  • Styling first-level navigation links without affecting nested submenus.
  • Targeting top-level cards in a digest layout while leaving inner content untouched.
  • Constraining responsive overrides to direct children only.

Rendering behaviour and edge cases

  • Outlook on Windows ignores all selector-based styling because it strips <style> blocks.
  • Apple Mail and modern Gmail honor the child combinator when <style> survives.
  • Specificity matters , combine the child combinator with class names rather than tag selectors for predictable cascade order.

Recommended fallback strategy

Use the child combinator inside <style> blocks for clients that honor it, and inline the equivalent styles directly on the matching elements for Outlook compatibility.

Fixes & Workarounds

Outlook (New)

Unsupported

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

Outlook Classic

Unsupported

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

Proton Mail

Unsupported

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

Gmail Android

Partial

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

Gmail iOS

Partial

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

Related Features

Check your own HTML for :child-combinator

Paste your own, or run the sample below. Analyzed in this page, with no signup and nothing stored.

Zero-Friction Engine Preview

Test your :child-combinator layout across 21 email clients

Preview rendering, catch CSS issues, and see how :child-combinator displays across Outlook, Gmail, and Apple Mail. Free, no account needed.

Instant live preview · No signup required · 21 email engines

Last tested upstream: · Last synced by Emailens:

caniemail.com (MIT) records Oct 13, 2019 as the last time :child-combinator was tested in a real client, 6 years before this sync. Syncing copies that result forward, it does not re-test it. Carried in @emailens/engine data v0.12.2.