请JS大哥们教下JS原生代码实现鼠标移动到元素变色，移开就还原

学习冒泡事件，并根据网上的文章跟着敲了代码并做了小细节的改动，现有个疑问：

1、最终目的要实现鼠标移动上去就变色，如何实现？
2、如何解决点击下一个li元素，上一个点击的元素颜色还原？
求各位大哥说下思路以及会用到的方法，剩下的我自己来写，我想锻炼下自己敲代码的能力，感谢！
PS:看书容易，自己写代码就懵逼，哎！

HTML代码如下：