matches() does not work with pseudo-elements

[topaxi]

Input:

.foo:matches(:hover, :focus)::before {
  color: red;
}

Expected:

.foo:hover::before, .foo:focus::before {
  color: red;
}

Actual:

.foo:hover ::before, .foo:focus ::before {
  color: red;
}

This just stopped working, I'm not sure which version update caused this (using cssnext, happens on http://cssnext.io/playground/ too).

[TrySound]

@topaxi Double colon.

[topaxi]

@TrySound double colon what?

[TrySound]

@topaxi In example. Input and output are different.

[TrySound]

@topaxi Sorry. Playground uses postcss-pseudo-elements.

[topaxi]

@TrySound yes, this is the expected output for cssnext, ofc. this transformer should retain the double colon, doesn't really matter in this example though, the problem is the whitespace. Fixed the expected/actual.

[topaxi]

Works, thx 👍

[stevenvachon]

The spec says that :matches() does not support pseudo-elements.