我想在鼠标上方将li的颜色更改为红色.并且在点击事件中也保持相同的颜色.我有以下清单,
<html>
<body>
<ul>
<li>list1</li>
<li>list2
<ul>
<li>sublist1</li>
<li>sublist2</li>
<li>sublist3</li>
<li>sublist4</li>
</ul>
</li>
<li>list3</li>
<li>list4</li>
</ul>
</body>
</html>
list1
list2
sublist1
sublist2
sublist3
sublist4
list3
list4
如果我单击list1,它的颜色应该变为红色,同时如果我将鼠标悬停在另一个列表上,它将显示为红色.它的默认颜色是黑色.
解决方法
使用css：
li:hover {
color:red;
}
这不建议：
li:focus {
color: red;
}
JQuery的
$('li').click(function(){
$(this).css('color','red');
});
