cierto, lo que dice Snake es la base de la semántica...
el punto no es usar un class para cada div que vayas a utilizar con diferente color, el punto es usar class para crear un documento semántico, por ejemplo, necesitas 3 bloques que serán usados para noticias, uno verde otro blanco y otro rojo, podrías hacer esto:
<div class="rojo"></div>
<div class="blanco"></div>
<div class="verde"></div>
o podrías hacer ésto:
<div class="noticia" id="rojo"></div>
<div class="noticia" id="blanco"></div>
<div class="noticia" id="verde"></div>
Hasta ahora parece que es mejor usar el primer ejemplo, pero, que tal si te piden que los enlaces tengan el mismo estilo en cada bloque??
en el primer caso harías:
.rojo a {
estilos para enlaces de bloque rojo
}
.blanco a {
estilos para enlaces de bloque blanco
}
.verde a {
estilos para enlaces de bloque verde
}
o incluso, de una manera más simple:
.verde a, .blanco a, .rojo a {
estilos para enlaces en bloque verde, bloque blanco y bloque rojo
}
Pero en el segundo caso harías:
.noticia a {
estilos para los enlaces de los bloques noticia
}
de la segunda forma tu documento sería más semántico (dicen los que saben), mientras que de la primera forma tu marcado vendría dando lo mismo que usar tablas... y tu hoja de estilos, que decir, un completo escrito en un lenguaje no terricola...
Desde mi humilde entender, así es... ;)
Saludos