A ver, un ejemplo
Código CSS:
Ver original<style type="text/css">
<!--
body {
font-family: "Times New Roman", Times, serif;
}
.arial {
font-family: Arial, Helvetica, sans-serif;
}
.verde {
color: #003300;
}
.rojo {
color: #FF0000;
}
-->
</style>
este es un párrafo con clase="arial rojo" este es un párrafo con clase="arial verde"
Podrías haber incluído un <span> dentro del párrafo con clase verde u rojo, pero se resolvió desde el mismo css.
en hojas de estilo más complejas esta puede ser una solución más practica que involucrar otras etiquetas.
A su vez .rojo y .verde sólo definen el color, asi que nos quedan como recurso para aplicar a otros elementos que no sean <p>
Saludos