包详细信息

postcss-resolve-nested-selector

csstools21.1mMIT0.1.6

Resolve a nested selector in a PostCSS AST

自述文件

postcss-resolve-nested-selector

test

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

Tested to work with the syntax of 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 you should instead use selector-resolve-nested

API

resolveNestedSelector(selector, node)

Returns an array of selectors resolved from selector.

For example, given this 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:

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

This should log:

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

Or with this CSS:

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

This should log:

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

更新日志

Changes to PostCSS Resolve Nested Selector

0.1.6

  • add CHANGELOG.md
  • add repository url in package.json

0.1.5

  • restore compat with extremely old node versions

0.1.4

  • do not resolve & in attributes or strings
  • do not resolve escaped &

0.1.3

  • only split atrule prules by top level comma's.