我有一个< li>它包含< a href>
<li><a href="http://site.com">Page</a></li>
我想更改每个< li>的背景颜色和文字颜色。项目，因为它悬停在。我发现，通过定位li：hover而不是a：hover最好改变背景颜色，因为a：hover仅改变行的一小部分(具有< a>文本的部分)的背景。
li:hover { background-color:green; }
我还要做的是更改字体颜色(即< a>)。当我这样做下面的第一个方法，它对< a>文字颜色而当我做下面的第二种方式时，我必须专门在< a>为了更改字体颜色，而不仅仅是< li>子弹线。
li:hover { background-color:green; color:red; } //first way
a:hover { color:red; } //second way
有一种方法可以使用css来更改包含的< a href>的字体颜色。当< li>悬停在？再次，这是html标记的样子：
<li><a href="http://site.com">Page</a></li>
