This one is pretty obvious to most CSS developers but it’s not actually used that widely on a lot of websites. It is really easy to apply multiple CSS classes to an element allowing you to mix and match various classes on elements. One instance I find it handy is when I have elements that require the same CSS as another element but simple things like the background color is different. Adding a second class to the element means I don’t need to re-write the class with an alternate color, I can just create an additional class to set the background color.

The Code

It’s really simple, all you have to do is separate each class with a space like below.

<div class="first_class second_class"></div>

This will reference both classes to style the element.

This is a nice little trick to keep in mind for your sites.