CSS level 4: not selector

In CSS3, it was possible to exclude an element of a selection. Something like that:

In the example above, we get all the p element except those which have the highlight class. It’s so nice. But if we wanted to apply one more filter in the negation? It’s not possible. So, CSS level 4 gives us this power.

In the example above, we can select all p elements excluding those which are :first-child, :last-of-type or that have the highlight class.

See the Pen :not selector by Raphael Fabeni (@raphaelfabeni) on CodePen.

Here the link with the example above.

More posts