li:hover使li中a标签颜色改变

最近写一个页面时，在li中有多个a标签，想要鼠标移上去后li背景颜色改变且里面所有的a标签字体颜色也改变，以下是原本自己写的代码结构
html代码

<ul>
	 <li>
	 	 <a href="#">炸鸡</a>
         <a href="#">汉堡</a>
      	 <a href="#">薯条</a>
     </li>
</ul>

/* css代码 */
	ul li:hover{
            background-color: #ffeee5;		/*改变li的背景颜色*/
            color: #ffa000;						
            }

发现写了以上css语句只能改变背景颜色，改变不了a标签字体颜色，查找一番，发现是a元素继承的权重没有a标签浏览器默认设置的高，解决方法可以是再多写一句css语句

ul li:hover a{
            color: #ffa000;
            }

这样就可以啦

结果

鼠标移上去后所有a标签都变色