[csswg-drafts] [specificity] Specifity of ::slotted() is greater than :host

• From: Gavin McFarland via GitHub <sysbot+gh@w3.org>
• Date: Thu, 08 Feb 2018 18:48:12 +0000
• To: public-css-archive@w3.org
• Message-ID: <issues.opened-295624480-1518115691-sysbot+gh@w3.org>

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

== [specificity] Specifity of ::slotted() is greater than :host ==
If you declare styles inside a component which use the `:slotted()` selector then styles applied by any child components which are uses inside that component cannot be overridden using `:host`.

```
/* Parent custom element */
:slotted(*) {
    color: green;
}

/* Child custom element */
:host {
    color: red;
}
```
I would expect the child custom element's text to be red, but it is in fact green.

http://jsbin.com/cecuxad/edit?html,console,output

Is there anything in the spec that covers this behaviour?

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

Received on Thursday, 8 February 2018 18:48:20 UTC