[Deff]

<style>
ul.size-2 {
 color:blue;
}
ul.size-3 {
 color:red;
}
</style>



<ul class="area">
    <li>dsds</li>
    <li>dsds</li>
    ...
    <li>sdds</li>
</ul>

<ul class="area">
    <li>dsds</li>
    ...
    <li>sdds</li>
</ul>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$("ul.area").each(function() {
  var a="size-" + $(this).find('li').length;
  $(this).removeClass(a).addClass(a)
});
});
</script>