如果 div 位置设置为相对位置，而 div:before 位置设置为绝对位置，则 div:before 的位置是否相对

Question

我有一个问题，我想我知道，但想要验证。

如果我们有

<div class="parent">
<p>ABC</p>
</div>

和

.parent
{
position: relative;
...
/* these two attributes prove that .parent:before is positioned relative to .parent */
top: 50px;
left: 50px;
}
.parent:before
{
position: absolute;
left: 0px;  
...
content: "XYZ";
}

.parent：before 是相对于 .parent 定位的吗？似乎是这样。看看这个jsfiddle：

https://jsfiddle.net/5oejdy2p/3/

我们可以从 jfiddle 中看到 XYZ 相对于 .parent 的位置。因为 .parent 是相对定位的，

top: 50px;
left: 50px;

我们看到 XYZ 随 .parent 一起移动。

只需要验证我是否正确。

Answer 1

是的，你是对的。相对于父元素定位的伪元素(如果定位为绝对(。

因为伪元素是相对于父元素的内部元素