You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
45 lines
893 B
45 lines
893 B
5 years ago
|
# 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)
|