|
12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455 |
- # postcss-selector-matches [](https://cssdb.org/#matches-pseudo-class) [](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)
|