[csswg-drafts] [selectors] Selectors in ::slotted don’t affect specificity

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

== [selectors] Selectors in ::slotted don’t affect specificity ==
Let’s say I have a custom element `<my-elem>`, that has the following shadow root markup:

  /* ... */
  ::slotted(main) {
    background-color: blue;
  ::slotted(*) {
    background-color: red;


I’d argue most authors would expect `<main>` to have a blue background color, but it is in fact red. Afaict, this is currently per spec. Selectors passed to `::slotted()` don’t affect specificity. So precedence is defined by order of declaration.

Was this intentional? If so, why? If not, is it changeable?

([Live demo](https://slotted-specificity.glitch.me/), [code](https://glitch.com/edit/#!/slotted-specificity))

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

Received on Sunday, 4 February 2018 15:36:46 UTC