关于<ul> 下的 <li> 里面的<a> 标签字体颜色不能控制

1.元展示
<ul class="ul">
    <li><a href="#">菜单一</a></li>
    <li><a href="#" >菜单儿</a></li>
    <li><a href="#" >菜单三</a></li>
</ul>

2.现象
<style>
  .ul li a{
    color:blue;
  }
</style>
<a>中的字体颜色不可控,都是blue

3.解决
  控制<span>字体样式
<ul class="ul">
    <li><a href="#"><span>菜单一</span></a></li>
    <li><a href="#" ><span>菜单儿</span></a></li>
    <li><a href="#" ><span>菜单三</span></a></li>
</ul>
 

 

posted @ 2018-04-26 00:56  天涯已可  阅读(5277)  评论(0编辑  收藏  举报