换皮的问题(含伪类连接)?
#C   a{color:red;}
#C   a:hover{color:blue;}


<div   id= "C ">
      <a   href= "xxx.html "> A </a>
      <a   href= "xxx.html "> B </a>
      <a   href= "xxx.html "> C </a>
      ......
</div>


var   e=document.getElementById( 'C ')
for(i=0;i <e.childNodes.length;i++)
{
    e.childNodes[i].style.color= 'pink ';
}

这种方式很不好,如果 <a   href= 'xxx '> 有100个,那么要循环100次更改颜色.
怎么能控制一个样式,让 <a   href= 'xxx '> 全部改变呢,想直接获得#C   a样式引用,把它改了就可以了吧?怎么获得?还有   a:hover     伪类怎么改?

------解决方案--------------------
a:link { font-size: 14pt; text-decoration: underline; color: blue; }