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%

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!

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.