Html 单击href链接时如何使用css控件关注div背景

我正试图将

：focus

放在div上，这样当点击href链接时，它将以其他颜色聚焦，可能吗？？任何帮助都将不胜感激

以下是我目前的进展

例如：

预期结果，当单击href链接时，它将聚焦于div背景（如hover do）

我不知道如何将其转换为javascript

 $("#colOne ul li").click(function(){
 $("#colOne ul li").removeClass("active");
 $(this).addClass("active")
 })

---

听起来您希望在li上安装一个事件侦听器，而不是：focus伪类。如果您设置了几个类来反映所需的颜色，只需单击即可在它们之间切换。我建议这样做。

您需要li操作，因此您需要使用Jquery或Javascript
使用以下JavaScript将解决您的问题

HTML:

编辑：

在这里，我根据你的要求编辑了我的小提琴

---

检查

你能准确地解释一下你想要什么吗？？？如果你想把焦点放在一个元素上，你可以用：active代替..hi@Aru，用示例更新问题。从该示例中，您可以看到，当鼠标悬停到href link时，div背景变为浅绿色。是的，当我点击href链接时，它将聚焦于浅绿色，即使在我鼠标离开时也是如此。嗨，可以用javascript完成吗？因为我无法为我的当前程序导入jquery库hi@ketan，解决方案非常接近，但唯一的问题是当我单击第二项时，它也会激活第二项。。假设它在第二个项目上是活动的，第一个项目将在我编辑的答案中释放活动的..@user3835327 Check update fiddle.Hmm。。我得到了这行代码

var buttons=document.getElementById（“colon”）.getElementsByTagName（“li”）无法获取未定义或空引用的属性“getElementsByTagName”获取它！！万分感谢@user3835327！！抱歉，这是我的错，我在
中插入了javascript，因此无法获取属性
getelementsbytagname
欢迎提供帮助。
<div id="colOne">
    <h3>Fruit</h3>
    <div class="bg1">
        <ul>
            <li class="litest"><a href="" target="entryFrame">Apple</a></li>
            <li class="litest"><a href="" target="entryFrame">Orange</a></li>
            <li class="litest"><a href=""  target="entryFrame">Banana</a></li>
        </ul>
        </div>
</div>

<script language="javascript">
var buttons = document.getElementsByClassName("litest");

for(var i = 0; i < buttons.length; ++i){

    buttons[i].onmousedown = function() {
        this.setAttribute("class", "active");
    }
}
</script>

$(function(){
    $("li").bind("click", function(){
         $(this).addClass('active');
    });
});