Html 鼠标单击后div的背景色

我只使用CSS点击一个div后，试图给它一个背景色。我试过给

：参观， ：焦点， 还有。访问了CSS的课程。但似乎没有任何效果。在我单击后，有没有办法给div添加背景色？我只使用CSS。我不考虑悬停效果

---

如果您不知道javacscript，这是一个快速的解决方案

单击我将颜色从蓝色更改为红色

这真的很简单。
1-给

div

一个id或一个类。

blablablabla

2-使用此id或类将JS文件/脚本中的

单击事件上的
div
作为目标。

3-想做什么就做什么：）

希望这能有所帮助，SYA:）
有一个CSS专用的解决方案，使用
复选框


输入[类型=复选框]{
位置：绝对位置；
顶部：-9999px；
左：-9999px；
不透明度：0；
}
div{
位置：相对位置；
}
标签{
位置：绝对位置；
宽度：100%；
身高：100%；
不透明度：0；
}
输入[类型=复选框]：选中~div{
背景：洋红；
}

测试
我将改变背景颜色
这可以在CSS中使用
：target
伪类完成：


[id=“foo”]{
宽度：5em；
高度：5em；
背景色：红色；
过渡时间：150ms；
}
[id=“foo”]：目标{
背景颜色：绿色；
}
请添加有问题的代码。您需要js来解决此问题。有：活动，有复选框css hack。谷歌他们。用下面的复选框检查我的答案。让我知道它是否对你有用you@CyrilBeeckman你可以在这里解释为什么JS是强制性的，你至少应该提到为什么CSS不适合这个，而不是仅仅提供一个javascript解决方案，因为OP是在CSS解决方案之后。但是，嘿，至少它不是jQuery；-）这只是不使用CSS。您还假设使用jquery。所以你现在使用了OP没有要求的两件事。呃，你说得对，我没有注意标签。谢谢你的评论。我会留下它，以防他改变主意，想用JS。再次感谢。这种方法唯一的问题是没有直观的方法来逆转颜色变化。复选框黑客实现了这一点。@JonP是的，尽管我不知道我想要的行为是什么，但我同意这是可行的，这就是为什么你得到了我的支持票。
$('#mydiv').on('click', function () {
  $(this).css('background-color', 'blue');
});