CSS伪类:
:hover 当鼠标悬浮在元素上方时,向元素添加样式。
<html>
<head>
<style>
*{ margin :0;padding:0;}
ul{list-style: none outside none;}
.abc li:hover{background-color:#888;color:#fff;}
</style>
</head>
<body>
<div id="abc" class="abc">
<ul>
<li>aaaa</li>
<li>aaaa</li>
<li>aaaa</li>
<li>aaaa</li>
<li>aaaa</li>
</ul>
</div>
</body>
</html>