是否可以让：在按下tab后，伪元素获得焦点

Question

我有一个h1元素，它有一个：after伪元素，当第一次按Tab键时，这个h1元素将获得焦点，但是当我再次按Tab键时，焦点将转到下一个REAL元素，我怎么能使焦点转到伪元素？

HTML：

<h1 class="title" tabindex="0">Some text</h1>

CSS：

title::after {
   width: 16px;
   height: 16px;
   background: url('image')
}

我想让焦点转到这个16X16图像，是否可能？

Answer 1

::before和::after伪元素无法调焦。

如果你绝对需要这个盒子是可聚焦的，那么你必须使它成为一个真正的元素，如果你觉得污染你的标记感觉不舒服，可能会使用JS插入。