建议后面加个数字来区分
要不然，你这个肯定通过不了W3C
补充：
根据你的节点：
document.getElementById("pp").getElementsByTagName("SPAN")[1]
这个就是第二个,第一个是[0]
标准游览器目前是不可能实现的。
如果你确定你的用户都是用的IE浏览器的话，可以用IE专有的CSS表达式expression
不过，这个东东不光只能IE专用这个缺点，还相当耗资源。
我的建议，是给每个span一个class，或者就用我上面的那个JS来动态调整
算了，还是按你要求给你写个，相信你能看懂。记住，只有IE游览器才有效！
<style>
#pp span {
background-color:expression(function(){
if (!window.color_index){window.color_index = 0}
var color = ["red","green","yellow","blue"][color_index]
color_index ++
return color
}())
}
</style>
<div id="pp">
<span>红色</span>
<span>绿色</span>
<span>黄色</span>
<span>蓝色</span>
</div>
1、将b.css里面的这个属性删掉。2、引入文件的时候先引入b.css，后引入a.css（但是这个有一个要求就是对.main设定的样式是相同的。）
3、写行内样式，这样就只应用行内样式（但是考虑你是想应用a.css的样式，那最好是选用第一种方法，当然如果符合要求那选用第二种方法也行）
