Hands-On Data Structures and Algorithms with JavaScript

Arranging styles within a class alphabetically

This does not sound like a big deal, does it? Well, if all you have is one CSS file with a couple of classes, then maybe it is okay. However, when you have big files with a complex hierarchy, the last thing you want is to commit a small mistake which costs you a lot of time. Take a look at the following example:

.my-class {    background-image: url('some-image.jpg');    background-position: 0 100px;    background-repeat: no-repeat;    height: 500px;    width: 500px;    ...    ...    margin: 20px;    padding: 10px;    background: red;}

Note in the preceding code that we added conflicting styles for the background property of the element, and now when rendered, it is all red. This could have been easily caught, but because ...