[selectors4] ":scope" inside ":matches"-like funktions?

[nuxodin]

Wouldn't it be useful in ":maches"-like functions to have a reference to the current scope?

:matches https://www.w3.org/TR/selectors-4/#matches-pseudo
:scope https://www.w3.org/TR/selectors-4/#scope-pseudo

Instead of this:

button.superTheme,
.superTheme button {
    color:white;
    background:black;
}

one could write:

button:matches(.superTheme .superTheme :scope)

I hope I'm not writing completely stupid stuff. :)

[Loirooriol]

But :scope already has another meaning, e.g.

element.querySelector(".foo:matches(:scope > :last-child, #bar)")

with your proposal :scope would refer to .foo instead of to element.

Anyways, have you considered *?

button:matches(.superTheme .superTheme *)

[tabatkins]

Yeah, the last compound selector in :matches()/etc always matches against the element it's being called against, so if you don't want to apply any further filtering, just ending with a * does exactly what you want.

[nuxodin]

Thanks, :matches is great!