PostCSS 范围修道类

npm install @csstools/postcss-scope-pseudo-class --save-dev

PostCSS 范围修道类 让你使用 :scope 修道士级 选择器 4 规格。 。 。 .

:scope {
    color: green;
}

/* becomes */

:root {
    color: green;
}

使用量

添加 PostCSS 范围修道类 对您的项目:

npm install postcss @csstools/postcss-scope-pseudo-class --save-dev

当作一个 邮政 插件 :

const postcss = require('postcss');
const postcssScopePseudoClass = require('@csstools/postcss-scope-pseudo-class');

postcss([
    postcssScopePseudoClass(/* pluginOptions */)
]).process(YOUR_CSS /*, processOptions */);

选项

保护

这个 preserve 选项决定原始标记是否 被保存下来。 默认情况下,它没有被保存.

postcssScopePseudoClass({ preserve: true })

:scope {
    color: green;
}

/* becomes */

:root {
    color: green;
}
:scope {
    color: green;
}