postcss-selector-matches CSS Standard Status Build Status

PostCSS plugin to transform :matches() W3C CSS pseudo class to more compatible CSS selectors

http://dev.w3.org/csswg/selectors-4/#matches

Installation

console $ npm install postcss-selector-matches

Usage

```js var postcss = require("postcss")

var output = postcss() .use(require("postcss-selector-matches")) .process(require("fs").readFileSync("input.css", "utf8")) .css ```

Using this input.css:

css p:matches(:first-child, .special) { color: red; }

you will get:

css p:first-child, p.special { color: red; }

Note that if you are doing crazy selector like p:matches(a) {} you are likely to get crazy results (like pa {}).

Options

lineBreak

(default: false)

Allows you to introduce a line break between generated selectors.


Changelog

License