2015-08-28 28 views
4

在Chrome周围玩,我注意到,如果从该元素检查复制伪元素(例如::before),并粘贴的结果,你会得到如下:什么是<<伪:之前>></ <伪:之前>>对我有用吗?

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

我无法找到任何参考这个语法,它让我想知道:

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

回答

3

信息:这是在DOM的::before pseudo-elementThe outerHTML attribute

作为该element没有任何“真正的”内容(可以有一个CSS content:''属性) ...
......你只能得到在outerHTML当您复制(&膏)

我不认为和AFAIK,不能模拟/模拟这个pseudo-element直接在DOM中。现在


... outerHTML在所有浏览器市长在这些天的支持......与Javascript你可以可以有一个方法鸸鹋/模拟,但我不知道这是真的你题。


编辑:截图添加,所以你可以找到outerHTML直接在Chrome DevTools参考。

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

http://i.imgur.com/P5i1w6Q.png

+0

我明白你的元素没有任何“真正”的内容是什么意思,但我不能看到你引用任何证实它的outerHTML属性...你可以提供什么解释/支持这个? – verism

+1

我会在一分钟内上传一个屏幕截图...(编辑:几分钟后......完成!) – gmo

+0

啊哈......有趣,谢谢。由于萤火虫的元素检测器没有提供类似的东西,我认为这必须是webkit特定的。尽管如此,我仍然认为这肯定有一个意外的用例。 – verism

相关问题