Add support for :not selector (and other pseudo-class selectors)

[jjcarstens]

Add support for :not selector (and other pseudo-class selectors)

[jjcarstens]

Thanks for the tip! That gets me pointed in the right direction so if I find some time I can take a gander as well.

Looks like both our selectors work (at least testing within the console), but yours definitely reads easier.

Here's a quick test case that I've been using (in case you need it)

<!-- Test selector: div#error:not(.invisible) -->
<div class="foo" id="error">Should match!</div>
<div class="bar invisible" id="error">..No match..</div>

[Eiji7]

More info: Pseudo-classes at MDN and Selectors Level 4 Editor’s Draft, 27 January 2017..

[philss]

Hi @jjcarstens!

This feature would be really cool to have!

I think the correct syntax for your selector is div#error:not(.invisible).

For the implementation we would probably change a little bit the selector parser and perhaps add some rules or change the lexer to consider a simple selector inside the :not parenthesis.

Here is the W3C specs for :not() pseudo-class: https://drafts.csswg.org/selectors-3/#negation

I'm gonna let this open for a while until I can work on this. Feel free to give a try if you want too.

Thanks!

[philss]

@Eiji7 thank you for the links! I think we could have a separated issue for this suggestion you made. Can you create that and add examples?

[philss]

@jjcarstens implemented in #93.

Closing the issue. I will take a look in another pseudo-classes before releasing a new version.
I'm gonna let you know here.