Question

<span>与<a>字体颜色显示问题

<a href="#" target="_blank"><span style="font-family:华文中宋; color:blue; ">字体显示为蓝色</span></a>

<span style="font-family:华文中宋; color:blue; "><a href="#" target="_blank">字体不能显示蓝色</a></span>

.blue{font-family:"华文中宋";
color:blue;}
<span class="blue"><a href="#" target="_blank">字体不能显示蓝色</a></span>

<a>与<span>为什么会出现这样的问题，与<a>\<span>的优先级有关系吗？

Answer 1

这个跟优先级没关。你的这个例子 a是 span的子容器，所以文字他会优先选择a标签你定义的颜色。
a{ color:red} 像你刚才的话就会显示红色，

这样就可以达到蓝色了。span a{ color:blue;}