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