postcss-selector-not

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

MIT 20 个版本

Not postcss postcss-plugin selector

主页

仓库

提交 Issue

安装

npm install postcss-selector-not

yarn add postcss-selector-not

pnpm add postcss-selector-not

bun add postcss-selector-not

README

PostCSS Selector Not

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

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;
}

[!CAUTION] 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 */);

版本列表

9.0.0 2026-01-14

8.0.1 2024-10-23

8.0.0 2024-08-03

7.0.2 2024-02-19

7.0.1 2023-01-28

7.0.0 2023-01-24

6.0.1 2022-07-08

6.0.0 2022-06-03

5.0.0 2021-01-31

4.0.1 2020-12-18

4.0.0 2018-09-18

3.0.1 2017-05-15

3.0.0 2017-05-11

2.0.0 2015-08-25

1.2.1 2015-06-16

1.2.0 2015-06-16

1.1.0 2015-06-13

1.0.2 2015-06-13

1.0.1 2015-04-30

1.0.0 2015-04-30