样式表优先级别问题

我设置了一个样式表

.titleTd{color:red}

.xxx .td{color:blue}

<div class="xxx">

<td class="titleTd">

</div>

结果td颜色是blue.

可是我想颜色是red.

查询了一下：如下：

调整了一下

div .titleTd{color:red}

加了一个html选择器。这样的话，两个样式表实际上权值就相等了。那么谁在后面谁覆盖前面的了。