Prefix every rule with a selector.
$ npm install postcss-prefix-selectorvar prefix = require('postcss-prefix-selector')
// css to be processed
var css = fs.readFileSync("input.css", "utf8")
var out = postcss().use(prefix({
prefix: '.some-selector ', // <--- notice the traililng space!
exclude: ['.c']
})).process(css).cssUsing this input.css:
.a, .b {
color: aqua;
}
.c {
color: coral;
}you will get:
.some-selector .a, .some-selector .b {
color: aqua;
}
.c {
color: coral;
}It's possible to avoid prefixing some selectors by using the exclude option which takes an array of selectors as a parameter.