如何在CSS中第二次单击时丢失焦点超链接

Question

单击超链接时，如何使用纯css进行第二次单击失去焦点功能。我尝试使用此Remove active and focus from element on second click也不适合我。

点击之前的图片链接：link

点击后再点击图片，然后点击第二次：link

.widgettitle a::before {
content: "> ";
    font-size:16px;
}

.widgettitle a:active::before, 
.widgettitle a:focus::before 
{
content: "∨ ";
font-size:16px;
    pointer-events: none;
}

Answer 1

默认情况下，只能关注字段和表单元素，因此根据元素.widgettitle的类型，它可能永远不会与:focus选择器匹配。您可以向元素添加tabindex以启用它。

<div class="widgettitle" tabindex="0">title</div>

Here's some more information.

希望这很有用！