CSS中遇到的一个优先级问题

今天在写css的时候有这样一个html代码

<div id="test1">    <ul>        <li><a class="test2" href="#">测试</a></li>    </ul> </div>

相应的css：

#a ul li test1{    color: #000; font-size: 14px;}.test2{    color: #fff; font-size: 36px; background: #f00;}

 

结果发现li中的class为test2的a标签只有部分属性起作用。起初认为test2的定义在test1后，其属性设置应该覆盖前面的test1，所以调试很久也无果。后来终于想起id的优先级高于class，于是把代码用工程文件中提取出来做了个实验，将test1改为class，将test2改为id，问题解决，达到了控制目的。

然后我又把test1和test2都改为class，或者都改为id，发现问题又出现了，test1的优先级还是高一些。问题怎么解决，现在还没找到合适的办法。