css - CSS :before 添加内容后？

Question

看到这个小提琴。

为什么新添加的蓝色 div 会显示在段落上方？不:before应该放在后面p吗？

Answer 1

似乎没有文档评论 和 的 z 维:before位置:after。而且，正如@BoltClock 指出的那样，就堆叠而言，它们的行为应该与普通元素（非伪元素）一样。

如果您想在段落本身后面使用它，请尝试z-index: -1;在您的段上使用。:before（基本小提琴： http: //jsfiddle.net/fDvTk/；应用小提琴：http: //jsfiddle.net/XvYng/）

代码：

#example1 p:before{
  /* ... */
  z-index: -1;
}​