如果将div位置设置为相对，并且div：before位置设置为绝对，则div：before相对于div定位吗？

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：相对于.parent定位之前吗？看来是这样。看看这个jsfiddle：

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

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

top: 50px;
left: 50px;

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

只需要验证我是正确的

Answer 1

是的，您是对的。如果是绝对元素，则伪元素相对于父元素的位置。

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