- From: Brian Kardell <notifications@github.com>
- Date: Mon, 04 Mar 2024 07:11:21 -0800
- To: WICG/webcomponents <webcomponents@noreply.github.com>
- Cc: Subscribed <subscribed@noreply.github.com>
- Message-ID: <WICG/webcomponents/issues/909/1976805495@github.com>
@robglidden This didn't answer my question, or if it did I didn't understand. Sorry if this is wordy, I just want to be sure it's clear. Specifically I am asking about this one line:
> I am hoping that the implementation blocker to https://github.com/WICG/webcomponents/issues/909#issuecomment-742851382 doesn't apply to layers, after all user-agent styles are already layer-like allowed in.
Given...
```html
<div class="foo">
#shadowRoot
<div class="bar">
<button>Go</button>
</div>
</div>
```
Assume that at some point we will be able to declaratively adopt stylesheets, maybe as @layers (I hope so)...Then it is possible for the page to provide a stylesheet with styles like
```css
button { background: blue; color: white; }
.bar button { font-size: 2rem; }
```
And those would work fine in all browsers (if you do it functionally, this works today) because it's not really changing what a selector matches, the stylesheet is adopted and it is matching that selector within it's own shadow tree.
What would take a change is if you wanted to write a style that somehow considered _across_ the shadow boundary. Are you suggesting that it should? How? With a new combinator? Magically as an effect of it being a shadow @layer?
--
Reply to this email directly or view it on GitHub:
https://github.com/WICG/webcomponents/issues/909#issuecomment-1976805495
You are receiving this because you are subscribed to this thread.
Message ID: <WICG/webcomponents/issues/909/1976805495@github.com>
Received on Monday, 4 March 2024 15:11:25 UTC