html - 什么是<<伪:before>>> and is it useful to me?

Question

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

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

我找不到对这种语法的任何引用，这让我想知道:

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

Answer 1

信息: 那是 The outerHTML attribute DOM 中的 ::before 伪元素。

因为那个元素里面没有任何“真实的”内容^{(它有 可能有一个 CSS content:'' 属性)}...
...您只有在复制 ^{(& 粘贴)}

时才会得到 outerHTML

我不认为和 AFAIK，不能直接在 DOM 中模拟/模拟这个伪元素。

---

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

---

编辑: 添加了屏幕截图，以便您可以直接在 Chrome DevTools 中找到 outerHTML 的引用。

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