在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;
}