:: after和:: backdrop伪元素之间有什么区别？

Question

嗯，标题是什么。

我真的找不到任何有关它的详细信息，MDN文档如果没有用，也相当稀疏。

当一个人优先于另一个人时，你能提供一些例子和提示吗？

（https://developer.mozilla.org/en-US/docs/Web/CSS/::backdrop）

Answer 1

  

此伪元素是在元素正下方呈现的框   （在堆栈中元素下方的元素上方，如果有的话），在   相同的顶层。

正如您在上述文档中看到的那样，它会在您的实际元素和元素之间添加新元素。

使用::after，您可以在所选元素的内容之后插入内容（因此内容仍会添加到同一元素中），请参阅此example。

Pseudo element after documentation：

  

在元素内容之前或之后插入内容

除此之外，浏览器可以呈现伪元素的区别在于：Backdrop与After。如您所见，今天（2016-02-19）您只能在chrome，opera和android浏览器中使用::backdrop。