Re: [webcomponents] [Shadow] Section 2.4 - CSS inherit by default? (#314)

That's intentional behavior for years. In short:

1. Style inherits *by default*
2. CSS Selector matching doesn't span shadow boundaries *by default*, except for special selectors, such as :content, :host, ::shadow, >>> (aka /deep/), some of which are already dead.

CSS custom properties are mainly used for overcoming the limitation of 2, instead of 1, I think

FYI, For component authors who doesn't want a style inheritance, Shadow DOM had `resetStyleInheritance` attribute in the past. But we removed this attribute in favor of CSS property `all`.
`all: initial` should have the same effect.


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