Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Missing closing ')' in comma-separated :not() containing concatenation #3021

Closed
stevenvachon opened this issue Jan 17, 2017 · 2 comments
Closed

Comments

@stevenvachon
Copy link

stevenvachon commented Jan 17, 2017

// This works
element:not(.classA@{suffix}):not(.classB@{suffix}) {
  color: black;
}

// This works
element:not(.classA, .classB) {
  color: black;
}

// This does not work
element:not(.classA@{suffix}, .classB@{suffix}) {
  color: black;
}
@stevenvachon stevenvachon changed the title Missing closing ')' in comma-separated :not() Missing closing ')' in comma-separated :not() containing concatenation Jan 17, 2017
@matthew-dean
Copy link
Member

matthew-dean commented Jan 17, 2017

That's correct. CSS selectors, Level 3, only allows a simple selector. https://drafts.csswg.org/selectors-3/#negation

CSS selectors, Level 4 may add something beyond a simple selector, but it's still in draft, and we typically don't add parsing rules for stuff that's still in editor's drafts. Lots of those editor drafts go nowhere. Re-open if/when the standard is in CR (candidate recommendation).

(Or, alternatively, open when it's supported by most major browsers: http://caniuse.com/#feat=css-not-sel-list)

@matthew-dean
Copy link
Member

To clarify, one could argue that the middle example should throw an error. But both the second and third examples are not valid uses of :not() anyway.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants