Optimizations
Remove Unused Styles
Merge Declarations
Rewrite Idents
Rewriter Config
Rewrite IDs
Analyze
Forms IDs
Load Demo

16ms

​x
 
.orange { color: orange; }
.apple { color: red; }
.frozen { color: blue; }
.strawberry { color: red; }
​

 
<div class="frozen orange"></div>
<div class="apple"></div>
<div class="strawberry"></div>
​

 
.orange {
  color: orange;
}
.a {
  color: red;
}
.frozen {
  color: blue;
}
​

 
// Permutation 0
<div class="frozen orange"></div>
<div class="a"></div>
<div class="a"></div>
​
​
​

mergeDeclarations

input.css:2:10

 Declaration moved from ".apple" into generated rule (.a { color: red; }). Duplication 1 of 2.
 Declaration moved from ".strawberry" into generated rule (.a { color: red; }). Duplication 2 of 2.
 Removed empty rule with selector ".apple".
 Removed empty rule with selector ".strawberry".

mergeDeclarations

4:1

 Attribute class="strawberry" will be removed from templates. All selectors referencing it were removed.
   Was used in selector: .strawberry

mergeDeclarations

2:1

 Attribute class="apple" will be removed from templates. All selectors referencing it were removed.
   Was used in selector: .apple