postcss-selector-not
    TypeScript icon, indicating that this package has built-in type declarations

    6.0.1 • Public • Published

    PostCSS Selector Not PostCSS Logo

    npm version CSS Standard Status Build Status Discord

    PostCSS Selector Not transforms :not() W3C CSS level 4 pseudo classes to :not() CSS level 3 selectors following the Selectors 4 Specification.

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

    ⚠️ Only lists of simple selectors (:not(.a, .b)) will work as expected. Complex selectors (:not(.a > .b, .c ~ .d)) can not be downgraded.

    Usage

    Add PostCSS Selector Not to your project:

    npm install postcss postcss-selector-not --save-dev

    Use it as a PostCSS plugin:

    const postcss = require('postcss');
    const postcssSelectorNot = require('postcss-selector-not');
    
    postcss([
    	postcssSelectorNot(/* pluginOptions */)
    ]).process(YOUR_CSS /*, processOptions */);

    PostCSS Selector Not runs in all Node environments, with special instructions for:

    Node PostCSS CLI Webpack Create React App Gulp Grunt

    Install

    npm i postcss-selector-not

    DownloadsWeekly Downloads

    7,132,013

    Version

    6.0.1

    License

    MIT

    Unpacked Size

    9.41 kB

    Total Files

    7

    Last publish

    Collaborators

    • moox
    • alaguna
    • semigradsky
    • jonathantneal