Re: [webcomponents] Style attributes in Shadow DOM Cascade Order Proposal (#316)

Here's the above example in the new syntax:

```html
<style id=page>menuitem { color: red; }</style>
<menu>
  <!--shadow-root-start-->
    <style id=content>::slotted menuitem { color: green; }</style>
    <slot></slot>
  <!--shadow-root-end-->
  <menuitem style="color: yellow;">
    <!--shadow-root-start-->
      <style id=host>:host { color: blue; }</style>
      ...
    <!--shadow-root-end-->
  </menuitem>
</menu>
```

And you're suggesting inline > #page > #content > #host for non-`!important` case and #host > #content > #inline > #page?  I'd say that the inversion between content and page is a little weird.


---
Reply to this email directly or view it on GitHub:
https://github.com/w3c/webcomponents/issues/316#issuecomment-149745003