45 lines
893 B
Markdown
45 lines
893 B
Markdown
# postcss-selector-not [](https://cssdb.org/#not-pseudo-class) [](https://travis-ci.org/postcss/postcss-selector-not)
|
|
|
|
> PostCSS plugin to transform `:not()` W3C CSS leve 4 pseudo class to :not() CSS level 3 selectors
|
|
|
|
http://dev.w3.org/csswg/selectors-4/#negation
|
|
|
|
## Installation
|
|
|
|
```console
|
|
$ npm install postcss-selector-not
|
|
```
|
|
|
|
## Usage
|
|
|
|
```js
|
|
var postcss = require("postcss")
|
|
|
|
var output = postcss()
|
|
.use(require("postcss-selector-not"))
|
|
.process(require("fs").readFileSync("input.css", "utf8"))
|
|
.css
|
|
```
|
|
|
|
Using this `input.css`:
|
|
|
|
```css
|
|
p:not(:first-child, .special) {
|
|
color: red;
|
|
}
|
|
```
|
|
|
|
you will get:
|
|
|
|
```css
|
|
p:not(:first-child):not(.special) {
|
|
color: red;
|
|
}
|
|
```
|
|
|
|
---
|
|
|
|
## [Changelog](CHANGELOG.md)
|
|
|
|
## [License](LICENSE)
|