34 lines
1.3 KiB
Markdown
34 lines
1.3 KiB
Markdown
# Selector Resolve Nested [<img src="https://postcss.github.io/postcss/logo.svg" alt="for PostCSS" width="90" height="90" align="right">][postcss]
|
|
|
|
[<img alt="npm version" src="https://img.shields.io/npm/v/@csstools/selector-resolve-nested.svg" height="20">][npm-url]
|
|
[<img alt="Build Status" src="https://github.com/csstools/postcss-plugins/actions/workflows/test.yml/badge.svg?branch=main" height="20">][cli-url]
|
|
[<img alt="Discord" src="https://shields.io/badge/Discord-5865F2?logo=discord&logoColor=white">][discord]
|
|
|
|
## API
|
|
|
|
[Read the API docs](./docs/selector-resolve-nested.md)
|
|
|
|
## Usage
|
|
|
|
Add [Selector Resolve Nested] to your project:
|
|
|
|
```bash
|
|
npm install @csstools/selector-resolve-nested --save-dev
|
|
```
|
|
|
|
```js
|
|
import { resolveNestedSelector } from '@csstools/selector-resolve-nested';
|
|
import parser from 'postcss-selector-parser';
|
|
|
|
const a = parser().astSync('.foo &');
|
|
const b = parser().astSync('.bar');
|
|
|
|
resolveNestedSelector(a, b); // '.foo .bar'
|
|
```
|
|
|
|
[cli-url]: https://github.com/csstools/postcss-plugins/actions/workflows/test.yml?query=workflow/test
|
|
[discord]: https://discord.gg/bUadyRwkJS
|
|
[npm-url]: https://www.npmjs.com/package/@csstools/selector-resolve-nested
|
|
[postcss]: https://github.com/postcss/postcss
|
|
|
|
[Selector Resolve Nested]: https://github.com/csstools/postcss-plugins/tree/main/packages/selector-resolve-nested
|