postcss-minify-selectors

postcss-minify-selectors

Minify selectors with PostCSS.

Install

With npm do:

npm install postcss-minify-selectors --save

Example

Input

h1 + p, h2, h3, h2{color:blue}

Output

h1+p,h2,h3{color:blue}

For more examples see the tests.

Options

sort

Type: boolean
Default: true

Alphabetically sort selectors within a comma-separated list.

convertToIs

Type: boolean
Default: true

Factor a shared prefix and/or suffix in a comma-separated selector list into a single :is(...) group when the result is strictly shorter and safe with respect to the cascade. The rewrite only applies when every variable part has the same CSS specificity (so the cascade isn't silently altered) and contains no pseudo-elements. It is automatically skipped when the configured browserslist target doesn't support :is().

Input

section h1, article h1, aside h1, nav h1 { font-size: 25px }

Output

:is(article,aside,nav,section) h1{font-size:25px}

Browserslist

The plugin reads the browserslist configuration from the host project by default. You can override with overrideBrowserslist, stats, env, or path — the same options accepted by autoprefixer and postcss-merge-rules.

Usage

See the PostCSS documentation for examples for your environment.

Contributors

See CONTRIBUTORS.md.

License

MIT © Ben Briggs

Similar packages

Other packages similar to postcss-minify-selectors

cssnano

cssnano is a modular minifier based on the PostCSS ecosystem. It includes a variety of optimizations, including selector minification, which makes it a more comprehensive tool compared to postcss-minify-selectors.

clean-css

clean-css is a fast and efficient CSS optimizer for Node.js. It provides a wide range of optimizations, including selector minification, similar to postcss-minify-selectors, but also offers additional features like advanced optimizations and compatibility options.

csso

csso (CSS Optimizer) is a CSS minifier that performs structural optimizations to make CSS files smaller. It includes selector minification as one of its features, making it comparable to postcss-minify-selectors, but it also focuses on other types of optimizations.