mirror of
https://github.com/thangisme/notes.git
synced 2024-11-01 00:27:24 -04:00
66 lines
1.3 KiB
Markdown
66 lines
1.3 KiB
Markdown
# postcss-resolve-nested-selector
|
|
|
|
[](https://travis-ci.org/davidtheclark/postcss-resolve-nested-selector)
|
|
|
|
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)
|
|
and [postcss-nesting](https://github.com/jonathantneal/postcss-nesting).
|
|
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!
|
|
|
|
## 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']
|
|
```
|