[Javascript] using multiple class names

[Mike Dougherty]

Is there a reason why this construction would be bad?

<style>
.size2 {font: x-small;}
.sizeP1 {font: larger;}
.weightP1 {font: bold;}
.color1 {color: white;}
.color2 {color: red;}
</style>
[..stuff..]

<span class='size2 weightP1 color1'>small bold white text</span>
<span class='sizeP1 color2'>larger red text</span>