【Css】Css选择器的优先级问题

Rt：
我就不写全了。
*{
color:"rad"
}
div{
color:"blue"
}
----------------------------------------------------------------------------------
<div>
这是div的文字
<span>
这是span的文字
</span>
</div>
<span>
这是第二个span的文字
</span>
按道理说应该显示出来的是前两句是红色，最后一句是蓝色，但是为什么显示的是只有第一句话是红色，剩下的是蓝色呢，求大神指点！！！