https://github.com/postcss/postcss-selector-matches

PostCSS plugin to transform :matches() W3C CSS pseudo class to more compatible CSS (simpler selectors)
https://github.com/postcss/postcss-selector-matches

Last synced: 9 months ago
JSON representation

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

• Host: GitHub
• URL: https://github.com/postcss/postcss-selector-matches
• Owner: postcss
• License: mit
• Created: 2015-04-29T05:30:52.000Z (over 10 years ago)
• Default Branch: master
• Last Pushed: 2020-10-03T22:16:42.000Z (over 5 years ago)
• Last Synced: 2024-10-29T14:38:24.962Z (about 1 year ago)
• Language: JavaScript
• Size: 26.4 KB
• Stars: 44
• Watchers: 10
• Forks: 10
• Open Issues: 5
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# 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)