- From: Rune Lillesveen <rune@opera.com>
- Date: Mon, 27 Apr 2015 09:03:30 +0200
- To: Anne van Kesteren <annevk@annevk.nl>
- Cc: "L. David Baron" <dbaron@dbaron.org>, "www-style@w3.org" <www-style@w3.org>, WebApps WG <public-webapps@w3.org>
On Mon, Apr 27, 2015 at 6:22 AM, Anne van Kesteren <annevk@annevk.nl> wrote: > On Mon, Apr 27, 2015 at 5:56 AM, L. David Baron <dbaron@dbaron.org> wrote: >> For :host it's less interesting, but I thought a major use of >> :host() and :host-context() is to be able to write selectors that >> have combinators to the right of :host() or :host-context(). > > 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> -- Rune Lillesveen
Received on Monday, 27 April 2015 07:03:58 UTC