如何在HTML中选择div？

Question

我试图将div设为选中而不是悬停.

我需要在选择div时更改轮廓颜色.我试过和悬停一样.但我需要帮助选择器.可以通过JavaScript或CSS 3就足够了吗？

这是我尝试过的:

div {
    background: #ccc;
    margin: 20px;
}
div:hover {
    outline: 1px solid blue;
}

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

Answer 1

你可以尝试:focus伪类.请注意,您需要tabindex使自己div的专注.

div {
    background: #ccc;
    margin: 20px;
}
div:focus {
    outline: 1px solid blue;
}

<div tabindex="-1">1</div>
<div tabindex="-1">2</div>
<div tabindex="-1">3</div>