javascript count change addClass ยังไงครับ

[affsom]

css
.first{width:200px}
.seco{width:400px}
.ther{width:600px}

.yellow{color:yellow;}
.red{color:red;}
.green{color:green;}

html
<div class="Z">
   <a href="#">123</a>
</div>


<div class="a">
   <div class="b">
       <div class="c">
           <div class="d"> Change style  here </div>
       </div>
   </div>  
</div>


คือว่าถ้าเกิด div.z  a  
มี 1 element จะให้ div.a addClass .first และให้ div.d addClass .yellow

ถ้ามี 2 element จะให้ div.a addClass .seco และให้ div.d addClass .red

และถ้ามี 3 element จะให้ div.a addClass .ther และให้ div.d addClass .green

ต้องเขียน javascript ยังไงครับ

[toom32]

ตอนแรกก็หา โหลดลูกก่อนว่ามีกี่โหนด แล้วใช้ jquery เปลี่ยน css ดู