al parecer crean conflictos en algunos navegadores y/o versiones, en su lugar usa solo letras y en minuculas.
Otra cosa las clases pueden ser independientes del elemento
Código HTML:
.colorrojo { color: red; }
haria que esto
Código HTML:
<table class="colorrojo" >
<p class="colorrojo">
<a href="direccion" class="colorrojo">
saliera en todos los casos en color rojo
Tambien puedes poner elementos anidados
Por ejemplo tienes una tabla con celdas azules y texto rojo y zeldas rojas y texto azul (muy hortera lo se :P)
Las celdas son .roja y .azul (aqui valdria cualquier elemento table, p, span, div, tr.yoquese, ect)
Código HTML:
.rojo a {color: blue;}
.azul a {color: red;}
Pe esta forma cualquier elemto .rojo que contuviera un enlace este seria azul (hasta haverlo visitado, para eso esta a:hover y a:visited) y cualquier elemento .azul contendria enlaces en rojo
Para mas informacion
http://html.conclase.net/w3c/css1-es.html
Espero haver ayudado