[csswg-drafts] [css-scoping] :host and compound selectors.

emilio has just created a new issue for https://github.com/w3c/csswg-drafts:

== [css-scoping] :host and compound selectors. ==
There's nothing said in https://drafts.csswg.org/css-scoping/#host-selector about whether `:host` is the only thing allowed in a compound selector.

However the following shows red in both Blink and WebKit, when I expected it to show green:

```html
<!doctype html>
<div id="host"><span>In host</span></div>
<script>
  let root = host.attachShadow({ mode: "open" });
  root.innerHTML = `
    <style>:host { background: red }</style>
    <style>#host:host { background: green }</style>
    <span>In root</span>
  `;
</script>
```

Should this be specified better? Am I misreading the spec or missing something? I'm looking into implementing this in Firefox and I really didn't expect to have to just copy whatever WebKit and Blink are doing.

Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/2424 using your GitHub account

Received on Thursday, 8 March 2018 11:09:12 UTC