postcss-selector-not icon indicating copy to clipboard operation
postcss-selector-not copied to clipboard

PostCSS plugin to transform :not() W3C CSS level 4 pseudo class to more compatible CSS (multiple css3 :not() selectors)

⚠️ PostCSS Selector Not was moved to @csstools/postcss-plugins. ⚠️
Read the announcement

postcss-selector-not CSS Standard Status build status

PostCSS plugin to transform :not() W3C CSS level 4 pseudo class to :not() CSS level 3 selectors

http://dev.w3.org/csswg/selectors-4/#negation

'Can I use' table

Installation

$ npm install postcss postcss-selector-not

Usage

Using this input.css:

p:not(:first-child, .special) {
  color: red;
}

you will get:

p:not(:first-child):not(.special) {
  color: red;
}

Changelog

License