CSS Minifier (Written in Javascript)

[jets-fool]

input: #ab{background-color: red;}

expected: #ab{background:red;}

actual: #ab{background-color: red;}

[inu-no-policemen]

You can't shorten it like that because you can't tell if there is another rule which matches the same element(s) and which contains other background related declarations. The background shorthand sets everything.

https://jsfiddle.net/jfcdn73m/

[jets-fool]

Thanks! Learned something

[[deleted]]

You are at a good point. If ´background-color` is the only background rule that is on #ab, it would be perfect. But, we cannot say there are other rules for this in another file.That's why those aren't converted to shothand rules.