是否可以让 :after 伪元素在按 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 插入。