javascript - 不用JS改变背景颜色

Question

我是 css 和 js 的初学者。但我有一个基本问题，我无法在谷歌上找到答案:我可以在不使用 javascript 和 jquery 的情况下，仅使用 css 来更改点击时 div 的背景颜色吗？

Answer 1

是的，这可以通过 :target 选择器和 ids 实现。

https://developer.mozilla.org/en-US/docs/Using_the_:target_selector

HTML:

<div id="demo">Demo</div>
<a href="#demo">Click me</a>

CSS:

:target {
    background: green;
}

演示: http://jsfiddle.net/Qptjq/2/

甚至更酷: http://jsfiddle.net/Qptjq/3/

:target 需要 IE9+ http://caniuse.com/#search=%3Atarget