<<pseudo:before>></<pseudo:before>> 是什么，它对我有用吗？

Question

在 Chrome 中尝试，我注意到如果您从元素检查器复制一个伪元素（例如 ::before），然后粘贴结果，您将得到以下内容：

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

我找不到任何关于此语法的参考，这让我想知道：

1. 这仅仅是 Chrome/webkit 允许在开发工具中检查伪元素的方式，还是更广泛规范的一部分？
2. 是否有任何 cases/reasons 这可能对开发人员有用，例如（可能不太可能）直接输出此语法以模拟 CSS 伪选择器？

Answer 1

info: 那就是::before pseudo-element[=54=的The outerHTML attribute ] 在 DOM。

因为element里面没有任何"real"内容^{(它有 可以有一个 CSS content:'' 属性)}...
...只有在复制 ^{(& paste)}

时才会得到 outerHTML

我不认为和 AFAIK，不能 emulate/simulate 这个 pseudo-element 直接在DOM.

---

现在.. outerHTML 现在所有的 mayor 浏览器都支持...并且使用 Javascript 你可以有一个方法 emu/simulating，但我不知道这是否真的是你的问题。

---

编辑： 添加了屏幕截图，因此您可以直接在 Chrome DevTools 中找到 outerHTML 的参考。

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