postcss-minify-selectors

Minify Selectors

This feature minifies CSS selectors by removing unnecessary spaces and characters. In the example, the selectors '.foo, .bar' are minified to '.foo,.bar'.

const postcss = require('postcss');
const minifySelectors = require('postcss-minify-selectors');

const css = '.foo, .bar { color: red; }';

postcss([minifySelectors])
  .process(css)
  .then(result => {
    console.log(result.css); // Output: '.foo,.bar{color:red;}'
  });

Remove Redundant Selectors

This feature removes redundant selectors. In the example, the redundant '.foo' selector is removed, resulting in a cleaner and smaller CSS file.

const postcss = require('postcss');
const minifySelectors = require('postcss-minify-selectors');

const css = '.foo, .foo { color: red; }';

postcss([minifySelectors])
  .process(css)
  .then(result => {
    console.log(result.css); // Output: '.foo{color:red;}'
  });