在chrome中,我注意到如果从元素检查器复制一个伪元素(例如::before),并粘贴结果,将得到以下结果:

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

我找不到这个语法的任何引用,这让我想知道:
这仅仅是chrome/webkit允许在开发工具中检查伪元素的方法,还是更广泛规范的一部分?
是否有任何情况/原因可能对开发人员有用,例如(可能不太可能)直接输出此语法以模拟css伪选择器?

最佳答案

信息:这是dom中The outerHTML attribute::before pseudo-element
因为element中没有任何“真正的”内容(它可能有一个csscontent:''属性)。
…只有在复制(粘贴)时才能获得outerHTML
我不认为也不可能直接在dom中模拟这个pseudo-element
现在。。outerHTML目前在所有Mayor浏览器中都受支持…使用Javascript你可以使用emu/模拟方法,但我不知道这是否真的是你的问题。
编辑:添加了屏幕截图,因此您可以在chrome devtools中直接找到outerHTML的引用。

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

html - &lt;&lt; pseudo:before &gt;&gt; &lt;/&lt;pseudo:before &gt;&gt;到底是什么,对我有用吗?-LMLPHP

07-28 11:13