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

4 years ago
# postcss-selector-not [![CSS Standard Status](https://cssdb.org/badge/not-pseudo-class.svg)](https://cssdb.org/#not-pseudo-class) [![Build Status](https://travis-ci.org/postcss/postcss-selector-not.svg?branch=master)](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)