Thay đổi màu nền div khi nhấp chuột chỉ sử dụng css

Question

Vì vậy, tôi có một div tôi muốn thay đổi màu sắc khi được nhấp. Tôi có ba div trên tất cả và tôi muốn biểu thị cái nào là div hoạt động khi nhấp vào nó

Về cơ bản tôi muốn sử dụng thuộc tính hoạt động CSS nhưng không có thay đổi div cụ thể khi chuột xuất hiện. Sắp xếp như một tiêu điểm. Tôi cũng đang sử dụng bootstrap nếu đó là hữu ích

Đây là một ví dụ về html

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

bất cứ ai có thể cho tôi biết làm thế nào tôi có thể thực hiện điều này mà không sử dụng javascript?

Answer 1

Hãy DIV bạn có thể đặt tiêu, bằng cách thêm tabIndex:

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

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

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

Sau đó, bạn có thể sử dụng đơn giản :focus pseudo-class

div:focus { 
    background-color:red; 
} 

Demo: http://jsfiddle.net/mwbbcyja/

Answer 2

Hãy thử dùng

này

div .active { 
    background-color:blue; 
    } 

Answer 3

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