<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:"华文中宋";<br/> color:blue;}
<span class="blue"><a href="#" target="_blank">字体不能显示蓝色</a></span>

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

可以理解为优先级，<a>就代表文本，<span>只是代表一个内联块，如果<span>里有内容的话设置它的颜色，里面的内容就是什么颜色了，相反，如果<span>里有<a>的话，那么就<a>就代表文本了，必须设置<a>的颜色才行。
希望采纳答案，谢谢。

浏览器中a是有默认的样式的，所以需要重定义a样式。 你加一句： a{ color: blue;} 就能看到了

可以理解为优先级，就代表文本，只是代表一个内联块，如果里有内容的话设置它的颜色，里面的内容就是什么颜色了，相反，如果里有的话，那么就就代表文本了，必须设置的颜色才行。 希望采纳答案，谢谢。

当然了，你先写span后写a当然样式跟随a的样式了，a里面没有表明样式的话会跟随系统默认的样式，默认样式是变蓝下划线，所以你想将span里面的所有内容样式跟随你设计的span样式必须将span a｛｝也加上去，即是:

.blue ,.blue a{

 font-family:"华文中宋";
 color:blue;

}
<span class="blue"><a href="#" target="_blank">字体不能显示蓝色</a></span>

即可。

如以上回答内容为低俗、色情、不良、暴力、侵权、涉及违法等信息，可以点下面链接进行举报！

点此我要举报以上问答信息