PostCSS plugin to transform
:matches()
W3C CSS pseudo class to more compatible CSS selectors
http://dev.w3.org/csswg/selectors-4/#matches
console
$ npm install postcss-selector-matches
```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 {}
).
lineBreak
(default: false
)
Allows you to introduce a line break between generated selectors.