Sign Up for Free

RunKit +

Try any Node.js package right in your browser

This is a playground to test code. It runs a full Node.js environment and already has all of npm’s 400,000 packages pre-installed, including postcss-selector-not with all npm packages installed. Try it out:

var postcssSelectorNot = require("postcss-selector-not")

This service is provided by RunKit and is not affiliated with npm, Inc or the package authors.

postcss-selector-not v4.0.0

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

postcss-selector-not CSS Standard Status Build Status

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


$ npm install postcss-selector-not


var postcss = require("postcss")

var output = postcss()
  .process(require("fs").readFileSync("input.css", "utf8"))

Using this input.css:

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

you will get:

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




RunKit is a free, in-browser JavaScript dev environment for prototyping Node.js code, with every npm package installed. Sign up to share your code.
Sign Up for Free