恰如＆lt; <pseudo：before>＆gt; <！ - <pseudo：before - >＆gt;它对我有用吗？

Question

在Chrome中玩游戏时，我注意到如果您从元素检查器复制伪元素（例如::before）并粘贴结果，您将获得以下内容：

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

我找不到任何对这种语法的引用，它让我感到疑惑：

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

Answer 1

info： 这是DOM中 ::before pseudo-element 的The outerHTML attribute。

因为 element 中没有任何“真实”内容 ^{（它有可以有 CSS content:'' 属性）} ...
...当您复制 ^{（＆amp; paste）}

时，您只能获得outerHTML

我不认为AFAIK， 无法直接在DOM中模拟/模拟 这个pseudo-element。

现在所有市长浏览器都支持outerHTML ...而Javascript您可以使用 emu / simulating < / strong>，但我不知道这是不是你的问题。

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

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