Group your CSS classes and streamline your stylesheet

A great practice for CSS is to group CSS classes/IDs together and list out common attributes only once. This streamlines your CSS code and makes for easier maintenance. For example if you have 5 classes/IDs that share the same font attributes, list the 5 classes/IDs together separated by commas with the attributes listed once instead of listing everything out 5 separate times. If the class/ID has additional style attributes it needs, just list the class/ID name out again with the unique attributes. For example:

You can really use this practice to your advantage to easily change out skins for sites. In your master style sheet you can list out all classes/IDs with the default skin, and in the skin style sheet you can group classes/IDs together that need the same color/image change and only specify the overriding attribute once. For example: