Suppose I have a custom element named my-element. Then,
:host-context([dir=rtl].some-class) div { ... }
gets translated into
[dir=rtl].some-class my-element div.my-element,
my-element[dir=rtl].some-class div.my-element { ... }
:host-context([dir=rtl]) :host(.some-class) div { ... }
gets translated into
[dir=rtl] my-element my-element.some-class div.my-element,
my-element[dir=rtl] my-element.some-class div.my-element { ... }
Is there any way to achieve the following output?
[dir=rtl] my-element.some-class div.my-element { ... }