Chaining selectors

Chaining selectors (.foo.bar) allows to apply styles to elements matching all the corresponding selectors.

Estimated Support About

68.29% + 12.2% = 80.49%

Apple Mail

macOS

12.4

iOS

13.1

Gmail

Desktop Webmail

2019-10

iOS

2019-10
1

Android

2019-10
1

Mobile Webmail

2020-02

Outlook

Windows

2003
2007
3
2010
3
2013
3
2016
3
2019
3

Windows Mail

2019-10
3

macOS

2011
2016
16.80

Outlook.com

2019-10
4
2024-01
4

iOS

2019-10

Android

2019-10

Yahoo! Mail

Desktop Webmail

2019-10

iOS

2019-10

Android

2019-10
2

AOL

Desktop Webmail

2019-10

iOS

2019-10

Android

2019-10

Samsung Email

Android

6.0

Mozilla Thunderbird

macOS

60.3

ProtonMail

Desktop Webmail

2020-03

iOS

2020-03

Android

2020-03

Fastmail

Desktop Webmail

2021-07

HEY

Desktop Webmail

2020-06

Orange

Desktop Webmail

2019-10
2021-03
2024-04

iOS

2019-10
2024-04

Android

2019-10
2024-04

LaPoste.net

Desktop Webmail

2021-08

SFR

Desktop Webmail

2019-10

iOS

2019-10

Android

2019-10

GMX

Desktop Webmail

2022-06
5

iOS

2022-06

Android

2022-06

1&1

Desktop Webmail

2022-06

Android

2022-06

Mail.ru

Desktop Webmail

2020-10

WEB.DE

Desktop Webmail

2022-06
5

iOS

2022-06

Android

2022-06

WP.pl

Desktop Webmail

2024-11

Notes

  • 1

    Partial. Not supported with non Google accounts.

  • 2

    Buggy. The first <head> in the HTML is removed, so <style> elements need to be in a second <head> element.

  • 3

    Buggy. Styles will be applied to the first selector of the chain.

  • 4

    Buggy. Only the first selector of the chain is prefixed in the styles, but all classes are prefixed in the HTML.

  • 5

    Partial. Only when used as class or ID selectors

Resources

Know something we don't?

Is any of the above data outdated? Or do you want to add a new email client to the list? Heads on to GitHub and edit the data file!

Edit this page on GitHub Report an issue on GitHub

Not comfortable with GitHub? Send us an email.

Test it yourself

This feature was last tested on October 13, 2019.

If you want to test this feature in the same conditions as we did, you can get our test code and run a test by yourself. Make sure to follow our testing recommendations first.

View the test code