最近在做一个比较大的web项目。
在css文件开头定义了
a:link{color:#333}
a:visited{color:#333}
a:hover{color:#333}
a:active{color:#333}

另外定义了一些常用的颜色类
.red{color:#FD2F2F}
.blue{color:#377CBD}
.green{color:#3B9301}
.pink{color:#D81274}
.grey{color:#585858}

在页面中的某处 <div id="box"><a href="#" class="red">链接链接</a></div>
本来想显示红色的，不过貌似class的优先级不如开头定义的颜色？ 结果显示成#333了。

是不是<a>标签定义的类的颜色，优先级没有全局定义的a{} 来得高？？

有没有什么解决办法，在不改变现有html结构，并且不再另外重新定义颜色 的基础上，提高class="red"的优先级？

[ 本帖最后由 scorpio32 于 2008-6-8 01:29 编辑 ]

解决了。。在所有颜色类前面加上了 html>body   
不过貌似不太好。
请问哪位大侠有更好的方法

.red:link{color:#FD2F2F}
.red:visited{color:#FD2F2F}
.red:hover{color:#FD2F2F}
.red:active{color:#FD2F2F}

引用:

原帖由 liaoyizhi520 于 2008-6-8 12:33 发表
.red:link{color:#FD2F2F}
.red:visited{color:#FD2F2F}
.red:hover{color:#FD2F2F}
.red:active{color:#FD2F2F}

这样要多写好多代码了