postcss-resolve-nested-selector

KO | EN

gitlite — search

#python #hacktoberfest #react #typescript #go #android #rust #docker #java #windows #vue #awesome-list #mcp #openai

postcss-resolve-nested-selector

(★ 13)

Resolve a nested selector in a PostCSS AST

postcss-resolve-nested-selector 최신버젼 다운로드

최종 버전 다운로드 (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# 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']
```

postcss-resolve-nested-selector

postcss-resolve-nested-selector 최신버젼 다운로드

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

postcss-resolve-nested-selector

postcss-resolve-nested-selector 최신버젼 다운로드

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

Download README