Можно ли: после псевдоэлемента получить фокус при нажатии на вкладку

Question

У меня есть один элемент h1, который имеет: после псевдоэлемента, когда сначала нажимает вкладку, этот элемент h1 получит фокус, но когда я снова нажимаю вкладку, основное внимание будет уделено следующему элементу REAL, как я могу сосредоточиться на псевдоэлементе?

HTML:

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

CSS:

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

Я хочу, чтобы фокус идти к этому 16x16 изображение, возможно ли это?

Answer 1

Псевдоэлементы ::before10 и ::after не могут быть сфокусированы.

Если вам абсолютно нужно это поле для фокусировки, вам нужно будет сделать его реальным элементом, возможно, вставленным с помощью JS, если вам не комфортно загрязнять вашу разметку.