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.