css中的鼠标单击事件和鼠标移出事件冲突？

Question

css中的鼠标单击事件和鼠标移出事件冲突

Answer 1

css只有hover跟active及visited几种形式，不借助脚本我没想到怎么去改变css样式，写个简单的js脚本不就行了，这只是一个原理，当然要实现想要的效果的话，修改一下算法就行了
<script language="javascript">
function changebg(){
document.getElementById('div1').style.backgroundColor="green";
}</script>
<div id="div1" style="background-color:red" onClick="javascript:changebg()">xx</div>

Answer 2

改变下思路也可以的
比如你用的

<ul>
<li>首页</li>
<li>次页</li>
<li>三页</li>
<li>四页</li>
</ul>来做的导航，

再定义个和点击时背景一样的类

你把index.html改成
<ul>
<li class="定义的类">首页</li>
<li>次页</li>
<li>三页</li>
<li>四页</li>
</ul>

index2.html改成

<ul>
<li>首页</li>
<li class="定义的类">次页</li>
<li>三页</li>
<li>四页</li>
</ul>

Answer 3