postcss-selector-not

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

Usage no npm install needed!

<script type="module">
  import postcssSelectorNot from 'https://cdn.skypack.dev/postcss-selector-not';
</script>

README

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