Question

js和css控制鼠标略过和点击后的样式

ul中之前 li{background-color:#FFF}当鼠标略过时让li改变颜色可以用li:hover{ background-color: #C0F;}实现 那么如何再让其再加上鼠标点击过的li也是 background-color: #C0F;样式

Answer 1

你可以选择用js控制，在li上加上一个click事件，如：
<li onclick="li_click(this);">测试</li>
js中写上事件：

function li_click(obj) {
obj.style.background = "#C0F";
}

Answer 2

1、那要看你是点击后一个li改变一个li的样式，2、还是点击li样式进行切换。
如果是1，那就用上面这样是可以的。
如果是2，那你就写一个over样式，在js中设置当点击li先将所有li的class=‘’ ，然后设置点击的那个class='over'。

Answer 3

jquery(需先引入):
<script type="text/javascript">
$(document).ready(function() {
$("li").click(function(){
$(this).css("background-color","#C0F").siblings().css("background-color","#FFF");
});
});
</script>