Изменить цвет фона div на клик, используя только css

Итак, у меня есть div, я хочу изменить цвет при нажатии. У меня есть три div над всеми, и я хочу указать, какой из них является активным div при нажатии на него.

В принципе, я хочу использовать активное свойство CSS, но не иметь конкретного изменения div, когда появляется мышь. Похоже на фокус. Я также использую bootstrap, если это полезно

Вот пример html

<div>
    Section 1
</div>
<div>
    Section 2
</div>
<div>
    Section 3
</div>

Может ли кто-нибудь сказать мне, как я мог бы это сделать без использования javascript?

Ответы

Ответ 1

Сделайте ваши DIVs сфокусированными, добавив tabIndex:

<div tabindex="1">
Section 1
</div>

<div tabindex="2">
Section 2
</div>

<div tabindex="3">
Section 3
</div>

Затем вы можете просто использовать :focus псевдокласс

div:focus {
    background-color:red;
}

Демо: http://jsfiddle.net/mwbbcyja/

Ответ 2

div:focus {
    background-color:'color';
}

Ответ 3

Попробуйте использовать

div .active {
    background-color:blue;
    }