css - css 伪元素，例如 :before

Question

我对伪元素行为感到困惑。我向w3c学习The :before and :after pseudo-elements

所以，我的问题如下:

html:

<div id="breadcrumbs">this is a old content.</div>

CSS:

#breadcrumbs:before {
    content:"this is a new content."
}

我想知道新内容是插入到div标签里面还是外面。

1. <div id="breadcrumbs">this is a new content.this is a old content.</div>

2. this is a new content<div id="breadcrumbs">this is a old content.</div>

哪个是对的？非常感谢!

Answer 1

This slideshow提到了这个问题，无论如何都是非常好的信息。

根据 Chris Coyier 的说法，这将是第一个

<div id="breadcrumbs"><span>this is a new content.</span>this is a old content.</div>

这是official documentation