On Mon, Apr 27, 2015 at 9:03 AM, Rune Lillesveen <r...@opera.com> wrote: > On Mon, Apr 27, 2015 at 6:22 AM, Anne van Kesteren <ann...@annevk.nl> wrote: >> Would they match against elements in the host's tree or the shadow >> tree? I don't see anything in the specification about this. > > They would match elements in the shadow tree. > > A typical use case is to style elements in the shadow tree based on > its host's attributes: > > <my-custom-element disabled> > <custom-child></custom-child> > </my-custom-element> > > In the shadow tree for <my-custom-element>: > > <style> > :host([disabled]) ::content custom-child { color: #444 } > :host([disabled]) input { border-color: #ccc } > </style> > <content></content> > <input type=text>
Thanks, that example has another confusing bit, ::content. As far as I can tell ::content is not actually an element that ends up in the tree. It would make more sense for that to be a named-combinator of sorts. (And given ::content allowing selectors on the right hand, it's now yet more unclear why :host is not ::host.) -- https://annevankesteren.nl/