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