Содержимое псевдоэлемента, такого как ::before или ::after, фактически не существует в дереве DOM. Таким образом, невозможно найти его по селектору.
Вопрос в том, как я могу извлечь содержимое в нем? Например:
<div>This is <span></span>n apple.</div>
...
span::before {
content : "a"
}
shows : This is an apple.
Но если я извлеку текст div, я получу только This is n apple. без содержания в span::before.
Как я мог справиться с этой проблемой?
Как я мог справиться с этой проблемой?
Честно говоря, не используя псевдоэлементы для этой цели.
Псевдоэлемент специально разработан для отображения содержимого за пределами дерева документа.
Этот «сгенерированный контент», определяемый свойством content псевдоэлементов ::before и ::after, обычно используется для добавления чисто косметического контента.
Следовательно, у поисковых систем не должно быть причин индексировать сгенерированный контент.
https://developer.mozilla.org/en-US/docs/Web/CSS/Pseudo-elements
