<script type="text/javascript">
$(function(){
  $(".rin").css("color","#FF6666");
  $(".mik").css("color","#3333FF");
  $(".ban").css("color","#339933");
});
</script>

<ul>
<li class="rin">りんご</li>
<li class="mik">みかん</li>
<li class="ban">ばなな</li>
</ul>

以上のように、jQueryにて、class毎にCSSで色を指定できる。

サンプルソース