Duplicate CSS Remover
Usage
The duplicate CSS remover provides many options for tuning the duplicate CSS remover and PostCSS parser.
Configuration
By default, the duplicate CSS remover simply removes duplicate code found in an other stylesheet. The configuration enables to fine tune the PostCSS parser and what selectors and properties to preserve or to forcefully remove.
1
{
2
"atRulesToKeep": [],
3
"atRulesToRemove": [],
4
"selectorsToKeep": [],
5
"selectorsToRemove": [],
6
"propertiesToKeep": [],
7
"propertiesToRemove": [],
8
"strictParser": false
9
}
Copied!
The second input field accepts the stylesheet index number. You can find the index of a stylesheet on the stylesheet overview on the settings tab.
Stylesheet index
If you want to upload stylesheet or compare stylesheets from external URL(s), you can simply create a new stylesheet and import URLs or upload the stylesheets and use the index from the new sheet in the duplicate CSS remover. It takes just a few clicks.
Import URLs or upload multiple stylesheets
Once configured, simply press the button to start the duplicate CSS remover. A CSS comment will display basic statistics of the resulting reduced CSS.
Duplicate CSS remover result
Last modified 1yr ago
Copy link