Ensure correct ordering of styles

[Stadly]

When a property can be set using different names, such as padding and padding-left, the inlined styles were not always correctly ordered.

Examples:

<style type="text/css">
span.test {
   background-color: blue;
}
span {
   background: red;
}
</style>
<span class="test">This should be blue</span>

Will result in <span style="background-color: blue; background: red;">This should be blue</span> even though background-color: blue; has higher specificity than background: red;. This issue is fixed by sorting all rules by specificity instead of order of appearance: https://github.com/tijsverkoyen/CssToInlineStyles/commit/bdf1c2e623ccfcf4de2d6d30264687632715228d

<style type="text/css">
span {
   background: red;
}
</style>
<span style="background-color: blue;">This should be blue</span>

Will result in <span style="background-color: blue; background: red;">This should be blue</span> since the styles being inlined are positioned after the styles that were already inline. This issue is fixed by positioning the styles that were already inline last: https://github.com/tijsverkoyen/CssToInlineStyles/commit/716da4a48b2d76b05c4069e41fd03433e39c3633, https://github.com/tijsverkoyen/CssToInlineStyles/commit/e7d45286a41bd43ae6acba96e9c5412218c8c6e3

[stof]

isn't this a duplicate of #155 ?

[Stadly]

Yes. How did I overlook that? 👎 It seems that https://github.com/tijsverkoyen/CssToInlineStyles/pull/155 fixes the first issue, while the second issue where inline styles are not put last is not fixed by that PR.

[Hikariii]

Improved this and made https://github.com/tijsverkoyen/CssToInlineStyles/pull/160.

[tijsverkoyen]

Fixed in #160