Только что << псевдо: до >></ <псевдо: до >> и полезно ли мне это?

Question

Игра вокруг в Chrome, я заметил, что при копировании псевдо элемент (например, ::before) от элемента инспектора, и вставить результаты, вы получите следующее:

<<pseudo:before>></<pseudo:before>> 

Я не могу найти ссылка на этот синтаксис, и это заставило меня интересно:

1. является ли это просто способ Chrome/WebKit о позволяя инспекцию псевдо элементов в Дев инструментов, или это часть более широкой спецификации?
2. Есть ли случаи/причины, по которым это может быть полезно для разработчика, например (возможно, маловероятно), выводящий этот синтаксис непосредственно для эмулирования псевдоселектора CSS?

Answer 1

информация: Это The outerHTML attribute из ::before pseudo-element в DOM.

В этом element не имеет "реальное" содержания в нем ^{( он может иметь CSS content:'' недвижимости)} ...
... вы получите только outerHTML при копировании ^{(& паста)}

Не думаю, что и AFAIK, не может эмулировать/имитироватьpseudo-element непосредственно в DOM.

---

Теперь .. outerHTML поддерживается во все мэре браузера в эти дни ... и с Javascript вы можете можете иметь подход эму/имитируя, но я не знаю, если это действительно ваши вопрос.

---

Edit: Скриншот добавлен, так что вы можете найти ссылку на outerHTML непосредственно в Chrome DevTools.

#question-header h1:before { 
    content: 'Hi there! '; 
    color: red; 
}