# postcss-resolve-nested-selector

> Resolve a nested selector in a PostCSS AST

Latest version **0.1.6** (published 2024-08-12) · MIT license · 0 weekly downloads

## Install

```sh
npm install postcss-resolve-nested-selector
pnpm add postcss-resolve-nested-selector
yarn add postcss-resolve-nested-selector
bun add postcss-resolve-nested-selector
```

## Health

**Score 38/100 (D)** — status: abandoned.

Positive: has types package; no vulnerabilities; high maintenance score; high quality score.

Warnings: low downloads; no esm support; pre 1.0.

Negative: abandoned.

## Facts

| | |
|---|---|
| Version | 0.1.6 |
| Published | 2024-08-12 |
| First published | 2016-02-19 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | separate (@types/postcss-resolve-nested-selector) |
| Module format | CommonJS |
| Dependencies | 0 |
| Unpacked size | 5.7 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 13 |
| Maintainers | davidtheclark, romainmenke |

## Links

- npm: https://www.npmjs.com/package/postcss-resolve-nested-selector
- Repository: https://github.com/csstools/postcss-resolve-nested-selector
- Homepage: https://github.com/csstools/postcss-resolve-nested-selector/tree/main/packages/css-tokenizer#readme
- Issues: https://github.com/csstools/postcss-resolve-nested-selector/issues
- npm.io page: https://npm.io/package/postcss-resolve-nested-selector

## Recent versions

- 0.1.6 (latest) — 2024-08-12
- 0.1.5 — 2024-08-08
- 0.1.4 — 2024-07-23
- 0.1.3 — 2024-07-23
- 0.1.1 — 2016-02-19
- 0.1.0 — 2016-02-19

## README

# postcss-resolve-nested-selector

[![test](https://github.com/csstools/postcss-resolve-nested-selector/actions/workflows/test.yml/badge.svg?branch=main)](https://github.com/csstools/postcss-resolve-nested-selector/actions/workflows/test.yml)

Given a (nested) selector in a PostCSS AST, return an array of resolved selectors.

Tested to work with the syntax of [postcss-nested](https://github.com/postcss/postcss-nested).
Should also work with SCSS and Less syntax. If you'd like to help out by
adding some automated tests for those, that'd be swell. In fact, if you'd
like to add any automated tests, you are a winner!

If you want to resolve selectors in the same style as [postcss-nesting](https://github.com/csstools/postcss-plugins/tree/main/plugins/postcss-nesting) you should instead use [selector-resolve-nested](https://github.com/csstools/postcss-plugins/tree/main/packages/selector-resolve-nested)

## API

`resolveNestedSelector(selector, node)`

Returns an array of selectors resolved from `selector`.

For example, given this JS:

```js
var resolvedNestedSelector = require('postcss-resolve-nested-selector');
postcssRoot.eachRule(function(rule) {
	rule.selectors.forEach(function(selector) {
		console.log(resolvedNestedSelector(selector, rule));
	});
});
```

And the following CSS:

```scss
.foo {
	.bar {
		color: pink;
	}
}
```

This should log:

```
['.foo']
['.foo .bar']
```

Or with this CSS:

```scss
.foo {
	.bar &,
	a {
		color: pink;
	}
}
```

This should log:

```
['.foo']
['.bar .foo']
['.foo a']
```

---
_Source: https://npm.io/package/postcss-resolve-nested-selector · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._